基于gitHub+hexo搭建的个人博客

文章导航

前期准备

安装hexo

修改hexo主题

自定义主题

部署本地文件到github查看

我的第一篇博客

前期准备

安装hexo

在任意位置右键–>git bash(以下命令都在gitBash中执行) 输入如下命令

npm install -g hexo

自定义文件夹（比如E:\hexo），在文件夹中右键–>git bash，该操作会将hexo安装到你指定的路径

hexo init

安装依赖包

npm install

在本地查看是否安装成功

hexo g
hexo s

输入完以上命令打开浏览器输入网址localhost:4000查看，运行显示了相关页面说明成功。当前网站建立在本地。

修改hexo主题

清除旧文件部署hexo并提交，以后的每次上传提交都是这几行命令

hexo clean
hexo g
hexo d

克隆主题

将hexo改成自己喜欢的主题，hexo主题有很多，以下以yilia为例。

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

配置

修改hexo根目录下的 _config.yml ： theme: yilia

更新主题

cd themes/yilia
git pull
cd ../../

上传

hexo clean
hexo g
hexo d

查看

hexo g
hexo s

输入完以上命令打开浏览器输入网址localhost:4000查看，若主题改变了则成功

自定义主题细节

修改hexo根目录下的_config.yml文件

title: 你想要的博客标题
author: 你的昵称

修改hexo\themes\yilia目录下的_config.yml文件

avatar: 你的图片链接

保存设置

hexo clean
hexo g
hexo d

打开本地查看

hexo g
hexo s

部署本地文件到github查看

进入github页面点击右上方+按钮创建项目 New repository

创建名称

在Repository name中填入你想要的名称（建议youname与github名称相同）

本地部署

部署Github前需要配置_config.yml文件（在部署之前确保git仓库与本地通过ssh连通）

deploy:
type: git
repository: git@github.com:youID/youname.github.io.git
branch: master

注意：属性的冒号和值之间一定要有一个空格（type:空格github）
链接中的youID是你github的名称，youname.github.io是你创建的项目名称

提交

hexo g
hexo d

npm install hexo-deployer-git --save

并提交

hexo g
hexo d

现在就是见证奇迹的时刻…
打开浏览器输入网址：https://youname.github.io就可以看见你的博客了



可以看看我的博客

完善目录

不要慌，虽然现在可以看见博客在网站上，但是还有一个小地方需要完善
打开git bash 输入

npm i hexo-generator-json-content --save
hexo g
hexo d

我的第一篇博客

博客以MarkDown语言书写

编辑文章

文章以.md后缀结尾，放在hexo\source_posts文件夹下

提交

hexo g
hexo d

刷新自己的页面就可以看到了

小提示：以后修改博客或者新填文章后先用

hexo g hexo s

命令打开localhost:4000看看预览效果再选择是否用

hexo g hexo d

命令上传github，因为每次上传都是传一整个文件，所以减少上传次数

以下是上文使用到的命令的简写

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