GitHub Pages+hexo 搭建博客

GitHub Pages+ hexo 搭建博客

跟着教程摸索着完成了博客的搭建。地址是我的博客。目前空空如也，而且也没有替换域名（主要是因为穷唉）。

等待后续的更改添加吧。

以此记录一下遇到的坑，备份一下步骤，冷不防哪天还需要重新来呢哈哈。

环境配置

1. 安装git
   比cmd好用一万倍！！
   安装过程也很简单，下载链接，下载完成点击安装。安装完成可以用git version查看git的版本。
2. 安装node.js
   下载链接选择合适的下载就好了，两个应该没大差吧（起码对于我这样的初学者来说是的）。
   下载安装它的主要原因是hexo是基于它的，里面的npm工具也很好用。
   安装时注意一点：在Custom Setup这里可以勾上Add to PATH,之后就不用配置系统变量了。
   安装完城，同样可以查看版本号node -v,也可以输入path或者点开我的电脑那的系统变量查看是否已配置。
3. 配置GitHub
   建立一个仓库，将其命名为username.github.iousername就是你的用户名。
4. 安装hexo
   这是最后一个安装的东西，也是最考验人品的。在这里，我们就用到了git和npm。

• 新建一个文件夹，存放blog的相关内容等。
• 在该文件夹内，右键点开git bash，cmd是什么？忘掉它吧。
• 输入以下命令安装

$ npm install -g hexo

• hexo init 自动创建网站所需要的文件
• npm install 自动安装node_modules
• hexo server 启动服务，此时打开http://localhost:4000/可以看到你的博客了。

发博客啦

1. 创建一个新的post
   先不用关掉原来的git bash ，打开一个新的，然后执行hexo new "开博大吉！！" ，再刷新你的博客，就可以看到有新文章啦！
   当然，应该会有两篇。在hexo new 文章的时候，应该先关闭服务(ctrl+c)。
2. 执行下面的命令，将markdown文件生成静态网页。该命令执行完后，会在 D:\Hexo\public\ 目录下生成一系列html，css等文件。

$ hexo generate

3. 编辑文章。
   hexo new "My New Post"会在D:\Hexo\source_posts目录下生成一个markdown文件：My-New-Post.md 可以使用一个支持markdown语法的编辑器（我使用的是typora）来编辑该文件。
4. 部署到Github.
   部署到Github前需要配置_config.yml文件，首先找到下面的内容:

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type:

然后将它们修改为

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: github
  repository: git@github.com:anjimie/anjimie.github.io.git
  branch: master

5. 基本完成啦，尝试一下打开https://anjiemie.github.io, 或者你的博客查看一下吧！

总结

每次部署的步骤有以下三步：

hexo clean
hexo generate
hexo deploy

本地测试则可以用

$ hexo g #生成
$ hexo s #启动本地服务，进行文章预览调试

命令总结

1. 常用命令总结：

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #将.deploy目录部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

2. 复合命令：

hexo deploy -g  #生成加部署
hexo server -g  #生成加预览

简写为：

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

踩过的那些坑

1. hexo安装不成功
   可能的解决方案：
   -查看系统变量是否有问题
   -使用git bash（贼好用！）
2. 发表的博客中文乱码。
   解决方案：md文件检查一下是否为utf-8编码。

TBC

待补充

1. 主题
2. 评论
3. 插件