「Hexo On Win10」新手搭建博客过程 2017-04-11 by Liuqingwen | Tags: Hexo Web | Hits 一、前言 现在博客框架真是多之又多, 传送门:最适合新手的 GitHub + Hexo 「大话」博客搭建教程,同时,我自己的博客系统暂时并没有发布到 GitHub 上,所以相关问题请参考这位朋友的文章或者 Google 吧! Windows 上的话,你必须先安装 Bash on ubuntu on Windows , Microsoft 微软官网有详细的安装指南: Installation Guide ,安装的前提是 Window10 之后,关于生成 SSH Key 和上传到 GtiHub ,开头我说的那篇文章有详细说明:最适合新手的 GitHub + Hexo 「大话」博客搭建教程 ,唯一注明的一点是密钥文件在 Windows 中的位置 参考: 最适合新手的 GitHub + Hexo 「大话」博客搭建教程: https://smartbeng.github.io/2017/03/26/blogFinish/ 安装
win10+hexo+github搭建个人博客 参考:https://hexo.io/,博客用于记录自己的学习工作历程 参考以下步骤安装 1、搭建环境准备(包括node.js和git环境,gitHub 5、添加404 公益页面 安装并配置环境 win10+Node.js+git+github Node.js下载地址:https://nodejs.org/en/download/ Git 到这里github设置告一段落 安装配置hexo 注:hexo安装前提需安装node.js 和git hexo官网:https://hexo.io/ hexo官方文档:https://hexo.io docs/ 文中以J盘为例,创建目录github并创建字目录(用于存放项目) vdevops@shaon MINGW64 /j/github/shaonbean # 注: 如果是linux环境下搭建的 hexo博客,不建议使用root权限 下载安装hexo npm install -g hexo-cli # 等待片刻,执行hexo如下图表示安装成功 hexo ?
这篇文章主要介绍如何搭建本地Hexo博客,并将博客部署到github。 Hexo的使用 启动本地服务器 在刚刚的命令行中输入: $ hexo s Hexo server启动后,在浏览器中打开http://localhost:4000/即可访问自己的本地博客,按Ctrl+C停止服务器 到这一步你已经搭建好自己的本地博客,接着我们就把它部署到github,让别人也可以浏览你的博客。 有些版本的Hexo没有内置hexo-deployer-git,会出现下列情况: Deployer not found: git 这时候输入以下代码安装即可: npm install hexo-deployer-git --save 注: hexo g == hexo generate hexo s == hexo server hexo d == hexo deploy
本期教大家如何搭建 Hexo 首先需要准备的东西如下: 1.电脑 2.手 3.脑袋 好了没了 安装 Node.js 由于 Hexo 这款博客程序是基于 Node.js 所构建的,所以我们需要下载 Node.js 新建一个文件夹,在里面右键 选择 Git Bash Here 打开 Git 终端 输入 npm install hexo-cli -g 安装 Hexo-cli 安装好后输入 hexo init 来初始化 Hexo! 默认的打开地址是:http://localhost4000 用户可通过 hexo s -p 来指定访问端口 比如 2000 1080 8081 等 更改名称 Hexo 安装完成后默认的名称为 Hexo --save 安装 Hexo-Deployer-Git 安装完后就可以使用 hexo clean && hexo d -g 部署了 End 结束了~ 感谢您的观看 更多进阶功能可前往Hexo 文档和Butterfly
最后,在无数个下定决心的双休日,我终于在前天,也即是20190407,记牢这个历史性的时刻,搭建成功了我的第一个个人博客,虽然还很简略,没什么文章,但是不急,把我那200多篇个人日记慢慢搬过来就好了。 有兴趣的可以看一下我专门为它写的配置教程:Hexo-editor——Hexo专用的编辑器 安装Hexo 点击查看Hexo安装教程 首先给出官方网址:Hexo官网 内容仅供参考,具体搭建可以直接看下面的教程 创建存放源码的私有仓库 我们需要创建一个用来存放Hexo博客源码的私有仓库[SourceRepo],这点在Win10的Hexo博客搭建教程中有提到。为了保持教程的连贯,此处再写一遍。 (2020年10月后github新建仓库默认分支由master改为main) 可能遇到的bug 博客管理流程 在本地对博客进行修改(添加新博文、修改样式等等)后,通过下面的流程进行管理 依次执行指令 然后才执行将本地文件发布网站到分支上 (2020年10月后github新建仓库默认分支由master改为main) 本地资料丢失或多PC同步 当重装电脑之后,或者想在其他电脑上修改博客,可以使用下列步骤: 使用拷贝仓库;此处的指代上述博客源码存放方案中存放源码的仓库名
hexo从零开始到搭建完整(win10版) 之前写了一篇关于hexo+GitHubpage在macOS下搭建个人博客的教程,有不少小伙伴让我再写一篇在win10下的教程,由于GitHub是国外的,所以在国内难免有些访问慢的情况 ,而且GitHub屏蔽百度的蜘蛛爬虫,在百度收录的环节对国人还是不太友好,故此写下了这篇hexo+coding的文章 大多的操作和在macOS下都保持一致,只是win10下在安装nodejs的时候需要选择 add to path 以添加环境变量 不然会出现hexo g 之后生成的静态文件为0k的情况 部署操作需要配合git工具来完成(就是一个小软件百度搜索下载安装一路next,之后右键git base打开命令行工具和 具体命令如下: git config --global user.email "you@example.com" git config --global user.name "Your Name" hexo d之前先改hexo根目录的配置地址 绑定个人域名等操作见我之前的GitHubpages文章
安装Hexo并部署 安装hexo npm install -g hexo-cli 找个空目录,初始化hexo hexo init 目录名 进入目录,依次执行 # 生成静态文件 hexo g # 本地预览 hexo s 显示有以下信息后即可访问localhost:4000 INFO Hexo is running at http://localhost:4000 . 常用命令 官方文档:https://hexo.io/zh-cn/docs/commands # 新建文章 hexo n "文章名" 或 hexo new post "文章名" # 生成静态文件 hexo g 或 hexo generate # 部署 hexo d 或 hexo deploy # 启动 hexo s 或 hexo server 使用Github搭建 打开github新建仓库,仓库名需要是 clean hexo g hexo d 开启Gitee Pages服务 实名认证通过后会展示如下,选择对应分支部署后会展示链接
写这篇文章,仅此以纪念从WordPress转到Hexo。 博客搭建 适合哪些人呢? 平常喜欢写作,尤其是Blog的人。有不少人通过Hexo发表文学类作品呢。 hexo generate hexo server 到这一步,你的本地博客基本上就搭建起来了。我第一次搭建成功时,简直是兴奋的飞起了! GithubPages + CodingPages + 域名 你还可以在CodingPages上也搭建仓库,推送到仓库的时候2个仓库是同步推送的呢! ~ o( ̄▽ ̄)o 配置解析注意事项 嗯,为什么要在两个托管平台都搭建起来呢?原因很简单:要实现国内外访问不同的服务,所以要分别托管并且分别设置解析。 如果你的Hexo搭建成功,不妨跟大家分享以下你的快乐呢! ---- *版权声明:版权归作者本人所有,尊重原创,推送文章除非无法确认,都会注明作者和来源。
10.资源 [hexo文档](https://hexo.io/docs/) [hexo问题交流](https://hexo.io/docs/troubleshooting.html) [Deployment ) [Hexo+Pages静态博客-Next主题篇](https://blog.csdn.net/mango_haoming/article/details/78207534) [关于HEXO搭建个人博客的点点滴滴 ](https://juejin.im/post/5a6ee00ef265da3e4b770ac1#heading-6) [搭建博客](https://alvabill.ml/hexo%E6%90%AD ) [最快的 Hexo 博客搭建方法](https://blog.coding.net/blog/CS-Hexo) [超详细Hexo+Github博客搭建小白教程](https://zhuanlan.zhihu.com /p/35668237) [在Github上备份Hexo博客](https://lrscy.github.io/2018/01/26/Hexo-Github-Backup/) [最快的 Hexo 博客搭建方法
前言 本篇文章用于介绍Hexo个人博客的搭建过程,这也是我搭建本博客后的第一篇文章,分享一下搭建方法,有兴趣的小伙伴也可以自主搭建一个属于自己的博客! 所以我选择了直接在github page平台上托管我的博客,这样可以安心写作,也不需要定期维护,而且hexo作为一个快速简洁的博客框架,用它来搭建博客也很简单。 我在两天内完成了Hexo-Github个人博客的基本搭建(其实搭建不难,自己脑子笨,做的慢些了……) 在这里记录一下我的第搭建一个博客,并给大家分享一下搭建的流程,以及在搭建过程中遇到的问题和解决方案 搭建经历 ❤2019-3-13:初次看到Hexo-Github搭建个人博客,很感兴趣,便开始了自己博客的搭建; ❤2019-3-14:完成了博客的基本搭建(可以运营),并上传了第一篇文章; ❤2019 -3-17:博客搭建工作全部完结(主题优化,程序添加,分类管理……); ❤未完待续…… 搭建步骤 1.
前言 我一直想搭建一个个人博客,要求就是简洁,支持Markdown,可以显示文章的TOC目录。 安装Hexo 首先在你电脑上找一个位置来安装Hexo。 npm install hexo-cli -g 初始化Hexo hexo init npm install npm install hexo-util --save 测试Hexo hexo s 然后在浏览器的地址栏上面输入 npm install hexo-deployer-git --save 发布部署文章 hexo g -d ? 然后在去Coding上就可以看到部署的文件了 ? 至此,搭建完成。 有关Hexo的详细配置,请参阅Hexo官方文档。 如本文中有错误,欢迎在评论中进行指正。转账请注明出处,谢谢支持。
简单发布文章 在Hexo根目录下打开cmd终端命令:1hexo new "文件名" 此命令会在/hexo/source/_posts下创建一个文件名.md文件,然后就可以使用markdown编辑器开始写自己的博客了 g && hexo d hexo clean 清理本地缓存 hexo g 全称: generate,生成静态html文件。 等待扩展全部安装完成后,在 站点配置文章 中,设定如下选项:1 2 3 4 5 6 7 8 9 10index_generator: per_page: 5 ##首页显示的文章篇数 archive_generator : per_page: 20 ##归档页显示的文章篇数 yearly: true monthly: true tag_generator: per_page: 10 archive_generator: per_page: 20 ##归档页显示的文章篇数 yearly: true monthly: true tag_generator: per_page: 10
3、安装hexo cnpm install -g hexo-cli hexo -v命令验证是否安装成功。 zhaoxb:hexo_blog zhaoxiaobin$ hexo -v hexo: 5.2.0 hexo-cli: 4.2.0 os: Darwin 19.4.0 darwin x64 node: cd hexo_blog hexo init 博客文章所在目录为source/_posts,默认会有一篇Hexo的介绍文档。 10、查看效果 浏览器输入域名个人的username.github.io,比如senlinmu1008.github.io,不出意外的话,就可以看到当前个人博客的初始页面效果。 到这一步其实个人博客已经搭建完成,当然个性化的配置以及自定义域名这些都是后续看个人喜好和需要了。
大概流程: 搭建 Node.js 环境 搭建 Git 环境 GitHub 注册和配置 安装配置 Hexo 关联 Hexo 与 GitHub Pages GitHub Pages 地址解析到个人域名 Hexo 的常用操作 搭建 Node.js 环境 为什么要搭建 Node.js 环境? mark 搭建 Git 环境 为什么要搭建 Git 环境? - 因为需要把本地的网页和文章等提交到 GitHub 上。 Github注册:https://github.com/ 创建仓库:Repository name 使用自己的用户名,仓库名规则: yourname/yourname.github.io 到此搭建 Hexo 如果 http://localhost:4000 能够正常访问,则说明 Hexo 本地博客已经搭建起来了,只是本地哦,别人看不到的。下面,我们要部署到Github。 ?
Hexo 搭建个人博客 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 0. 安装前提 Node.js Git 创建 GitHub 仓库 Hexo 建站环境配置详见:Hexo 建站环境配置 1. Hexo 建站 在配置完环境之后,就可以正式安装 Hexo 了。 Hexo 建站教程详见:Hexo 建站教程 2. Hexo + Fluid 美化详见:Hexo + Fluid 美化 5. Hexo 优化 图床 本博客图床已迁移到 OSS, 部分功能可能失效,请注意! 搭建博客图床详见:搭建博客图床 Hexo 插件 Hexo 本身提供了一个框架,通过丰富的拓展插件,能够进一步优化使用体验,你可以在 Hexo 插件 中寻找适合你的拓展。
这次选择直接使用hexo做一个长期日常使用的博客系统 Hexo是什么 Hexo是基于nodejs的,那么我们需要知道nodejs是什么 node.js是一个运行在chromeJavascript运行环境下 Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Heroku上 获取Hexo 首先到官网安装nodejs ? 执行完出现如图所示即添加完成,我们再安装时使用cnpm就是使用的国内源 安装hexo cnpm install -g hexo-cli 执行完成可以查看下版本 hexo -v ? hexo使用 初始化博客目录 在本地创建一个目录比如blog作为博客项目工作区 在你选择的目录下执行初始化命令hexo init,在此之前如果你没有安装git那要先把git安装一下 F:\blog>hexo 编辑完重新生成静态项目,每次变更都要重新生成一下 hexo clean //删除之前的静态文件 hexo g //重新生成新的 hexo s //开启服务 重新访问,在Hello World
进入目录~/web/web/vultr, 然后安装hexo $ cd ~/web/web/vultr $ sudo npm install -g hexo-cli hexo-server $ hexo echo "DEPLOY: master copied to $deploy_to_dir" hexo_dir="/home/vultr/web/web/vultr/" cd $hexo_dir hexo clean && hexo --silent g if [[ $? /themes/tranquilpeak themes/ ln -sf /home/vultr/web/git/hexo/source . ln -sf /home/vultr/web/git/hexo /scaffolds . ln -sf /home/vultr/web/git/hexo/_config.yml .
最近使用Hexo搭建了一个自己的博客,在搭建的过程中遇到了很多的坑,现在博客搭建完成了,非常感谢Hexo以及pure这么好的项目。 我将自己在搭建的过程中遇到的问题进行了一个记录,以便后来的使用者够快速的上手。 安装Hexo环境 More info:Hexo 安装node.js和npm环境 curl -sL https://deb.nodesource.com/setup_10.x | sudo -E - sudo apt-get install -y nodejs 这里提供的是快速安装node.js 10的方法,安装node同时会安装npm,其它node.js版本的安装方法请自行查阅。 参数配置 相关的参数配置在Hexo的文档以及hexo-theme-pure的文档中都有详细的介绍,详情请参阅 Hexo hexo-theme-pure 注意,一定要注意的操作 在阅读hexo-theme-pure
所以,在这里我是基于github搭建的个人博客站点。 2. 环境配置 安装 Hexo 相当简单。 :26 ./ drwxrwxrwx 1 xiaosi xiaosi 4096 12月 1 10:24 ../ drwxrwxrwx 1 xiaosi xiaosi 0 12月 1 10:24 2017/ drwxrwxrwx 1 xiaosi xiaosi 0 12月 1 10:24 archives/ drwxrwxrwx 1 xiaosi xiaosi 0 12月 1 10 1 10:24 fancybox/ -rwxrwxrwx 1 xiaosi xiaosi 9841 12月 1 10:24 index.html* drwxrwxrwx 1 xiaosi xiaosi 0 12月 1 10:24 js/ drwxrwxrwx 1 xiaosi xiaosi 0 12月 1 10:24 tags/ 4.2 发布到github 接下来,我们把这个博客发布到
最新折腾了一下黑苹果 刚刚把博客迁移过来 所以才想起写这篇文章 Hexo+GitHub搭建静态博客 准备工作 Node.js下载链接: https://nodejs.org/en/ Git下载链接: ,hexo-v查看安装版本 本地建站 我们首先在本地搭建起Blog 等本地都配置完成直接放到GitHub就ok了 博客框架 初始化博客框架 hexo init <folder>(博客文件夹名称) cd 首次提示不能连接输入yes即可 接下来打开 博客目录下的_config.yml deploy: type: git repo: https://github.com/username/scholar10 .github.io.git branch: master 类型配置为git 仓库地址为 建立的github仓库地址(scholar10替换成自己的)分支为master也就是主分支 然后执行部署命令 hexo deploy 简写 hexo g -d //生成静态文件后提交到github上 执行完成后 别人就可以通过 http://scholar10.github.io 访问你的博客了….