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: #你對本頁的描述 可以省略
---