Hexo搭建博客及部署在 github pages 上

本地安装

首先安装node.js
然后按照 hexo.io 网站上的命令安装hexo

npm install hexo-cli -g
hexo init blog 
cd blog 
npm install # 安装依赖
hexo server # 启动本地服务

新建文章和页面:

hexo new 文章名 # 新建文章
hexo new page 页面名 # 新建页面 

会在source文件夹下建立md文件,用markdown语言编写,编写完后用hexo g生成,用hexo s命令启动本地服务,启动后可以用浏览器打开

hexo的命令以及命令缩写

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

如果要安装主题,可以在hexo.io网站上找自己喜欢的主题,点击名字,进入主题的github仓库,安装说明安装,会clone在theme文件夹下。修改_config.yml下theme为主题的名字。

建立 github page

首先在github建一个仓库,仓库名为yourname.github.io
复制其clone地址
在_config.yml中吧type改为git,repo写clone地址

deploy:
    type: git
    repo: git@github.com:aaa/aaa.github.io.git  
    branch: master   

安装扩展

npm install hexo-deployer-git --save   

部署到github

hexo d

建立分支保存原文件

为了防止本地文件丢失,或者为了在其他电脑上操作,建立一个分支保留原始文件
首先换一个路径clone master分支,删除其中除了 .git 文件以外的文件。
将原文件夹下的文件复制过来,包括 .gitignore 文件
.gitignore 文件包含下面内容

.DS_Store 
Thumbs.db 
db.json 
*.log 
node_modules/ 
public/ 
.deploy*/ 

注意,如果使用了其它的主题,可以删除主题文件夹中的 .git 文件,以免主题文件夹下的文件不能加入暂存区,不然以后clone下来的文件没有包括主题,hexo s会出现hexo no layout index.html

创建一个分支并推送到仓库

git checkout -b hexo 
git add * 
git commit -m "new branch hexo"
git push --set-upstream origin hexo

以后可以clone分支然后再进行编辑

git clone -b hexo https://github.com/aaa/aaa.github.io.git
cd blog 
npm install 

站点地图

使用命令安装站点地图插件

npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

添加代码到_config.yml

Plugins:
- hexo-generator-baidu-sitemap
- hexo-generator-sitemap

baidusitemap:
    path: baidusitemap.xml
sitemap:
    path: sitemap.xml
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值