使用hexo搭建github博客

hexo搭建

主要参考文章

1、准备工作
  • 首先打开github,点击New repository,创建一个新仓库,仓库名必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a README。如下图所示


    创建仓库

在建好的仓库右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到有个网址,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它,当然里面还很空什么东西都没有。 该地址就是你的博客默认地址,你也可以购买域名,将其换成你喜欢的地址。


  • 确保你的电脑上已经安装好了git和Node.js。可以通过下图中的命令查看


    查看
2、安装hexo

1.在自己认为电脑合适的地方创个文件夹,我是在文档中建了一个blog文件夹。



然后用命令行进入到该文件夹

$ cd /Users/你的用户名/Documents/blog

输入npm install hexo -g,开始安装Hexo

$ npm install hexo -g

输入hexo -v,检查hexo是否安装成功

$ hexo -v

输入hexo init,初始化该文件夹(有点漫长的等待。。。)

$ hexo init

看到后面的“Start blogging with Hexo!”就说明初始化好了

输入npm install,安装所需要的组件

$ npm install

安装好后,执行以下命令

$ hexo g #generate 生成静态文件
$ hexo s #server 启动服务器。默认情况下,访问网址为: [http://localhost:4000/](https://link.jianshu.com/?t=http://localhost:4000/)

打开http://localhost:4000,页面如下图

默认页面

连接hexo和git

设置你的用户名称与邮件地址,如果是第一次使用git的话

$ git config --global user.name "John Doe"
$ git config --global user.email johndoe@example.com

使用ssh-keygen生成私钥和公钥
命令如下:

$ ssh-keygen -t rsa
生成秘钥

登录Github,点击头像下的settings,添加ssh,新建一个new ssh key,将id_rsa.pub文件里的内容复制上去。

输入ssh -T git@github.com,测试添加ssh是否成功。如果看到Hi后面是你的用户名,就说明成功了

$ ssh -T git@github.com

配置Deployment,在其文件夹中,找到_config.yml文件,修改repo值(在末尾),repo值是github项目里的ssh。


HexoBlog部署到git我们需要安装hexo-deployer-git插件,在blog目录下运行一下命令进行安装

$ npm install hexo-deployer-git --save

我们来试着创建一篇文章,使用

$ hexo new [layout] <title> #新建文章
<!--例如-->
$ hexo new post hello,hexo

之后会在source文件夹的_post文件夹中看到你新建的文件。

使用编辑器编好文章,接着就可以使用命令:

$ hexo d -g

生成以及部署了。在打开你的博客主页就可以看到你创建的文章了。

问题及解决
在修改根目录下_config.yml文件后,需要使用$ hexo deploy部署一下,否则不生效。

如果还不生效
hexo clean命令
再执行hexo g -d命令

常用命令及更换next主题
  • Hexo的命令极简单,安装后只需要记住四个常用的基础命令即可。执行命令需要Git当前处于blog文件夹根目下。

hexo g #generate 生成静态文件
hexo s #server 启动服务器。在本地预览效果,默认情况下,访问网址为: http://localhost:4000/
hexo d #deploy 部署网站同步到github。部署网站前,需要预先生成静态文件
hexo clean #clean 清除缓存文件 (db.json) 和已生成的静态文件 (public)。

  • 最核心的写作相关

  • 写文章
    你可以执行下列命令来创建一篇新文章。

hexo new [layout] <title> #新建文章

您可以在命令中指定文章的布局(layout),默认为 post,可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局(在后文的配置中会提到具体修改参数),这样所有的文章都会以md形式保存在source文件夹的_post文件夹中,只要在_post文件夹中新建md类型的文档,就能在执行hexo g的时候被渲染。

  • 删除文章
    删除那篇文章,然后重新运行

hexo clean
hexo g -d

更换主题方法参考文章,主要是下载相关主题,然后在根目录下的_config.yml文件, 找到 theme字段,并将其值更改为 对应主题名

hexo高级配置

修改过主题之后,还可以进行更深一步是设置比如添加分类、标签、评论功能等等。可以自行搜索,都比较简单。
我在设置时,参考文章的地址1-主要是主题风格挑选地址2-干货多

Front-matter 设置

文章的 Front-matter 设置,在创建的文件中---中区域叫Front-matter ,用于指定个别文件的变量

---
title: title #文章標題
date: 2016-06-01 23:47:44 #文章生成時間
categories: "Hexo教程" #文章分類目錄 可以省略
tags: #文章標籤 可以省略
     - 标签1
     - 标签2
 description: #你對本頁的描述 可以省略
---

最后附上hexo官方文档英文文档中文文档

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容