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: [email protected]: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

你可能感兴趣的:(建站)