搭建个人博客 Hexo & Github Pages

Avatarcoderfee/Apr 07, 2016/#Hexo#

安装配置

安装

安装很简单,只需要几分钟的时间,前提是已经安装了 Nodejs

$ npm install -g hexo-cli
$ hexo -v

建立博客目录

$ hexo init <folder>
$ cd <folder>
$ npm install

上面的几行命令会把你指定的文件夹初始化为博客目录,目录如下:

<folder>
_config.yml
package.json
scaffolds
source
_drafts
_posts
themes

配置

有关站点的配置都在 <folder>/_config.yml & <folder>/themes/_config.yml 文件中修改,具体参数参见官方文档

命令

  • hexo init <folder> 初始化
  • hexo new <title> 新建文章
  • hexo generate 生成静态文件
    选项描述
    -d, --deploy文件生成后立即部署网站
    -w, --watch监视文件变动
  • hexo publish <title> 发表草稿
  • heox server 启动服务器
    选项描述
    -p, --port重设端口
    -s, --static只使用静态文件
    -l, --log启动日记记录,使用覆盖记录格式
  • hexo deploy 部署网站
    参数描述
    -g, --generate部署之前预先生成静态文件
  • hexo clean 清除缓存文件 db.json 和静态文件 public
  • hexo list 列出网站资料

生成 RSS

安装 RSS 插件 hexo-generator-feed 插件

$ npm install hexo-generator-feed --save

编辑站点配置文件:

feed:
type: atom
path: atom.xml
limit: 20

生成 sitemap.xml

安装插件 hexo-generator-sitemap

$ npm install hexo-generator-sitemap --save

编辑配置文件:

sitemap:
path: sitemap.xml

通过 Git 方式部署

编辑站点配置文件,如果部署在 GitHub 上会自动检测 branch

deploy:
type: git
repo: <repo URL>
branch:
message:

绑定域名

  1. 首先得有个域名,申请域名的网站国外的有 GoDaddy 等,国内的万网

  2. /source 目录下新建 CNAME 文件,输入自己的域名 coderfe.cn

  3. 登陆DnsPod,添加域名解析,只需添加第一项第四项就 OK

    解析记录

用到的免费服务

更新日志

2016-07-27 优化图片链接

Copyright ©; 2016-2022 coderfee, All rights reserved.