hexo安装、生成blog并deploy到github

一、安装 nodejs

从https://nodejs.org/en/download/下载nodejs, 安装一路下一步就ok
hexo安装、生成blog并deploy到github_第1张图片

二、安装hexo

安装完nodejs后, 用npm安装hexo。

$npm install -g hexo-cli  
$hexo -v 

hexo安装、生成blog并deploy到github_第2张图片

三、用hexo初始化并生成blog

1、用hexo初始化并生成blog

$hexo init jack-demo 

hexo安装、生成blog并deploy到github_第3张图片

2、安装依赖,然后用hexo generate, 也可以用缩写hexo g生成静态页面

$cd jacky-demo 
$ls -l 
$npm install 
$hexo generate 

hexo安装、生成blog并deploy到github_第4张图片

3、生成静态页面后,可以用hexo server启动服务器,并通过http://localhost:4000访问,默认主题比较丑。

$hexo server 

hexo-server-blog
hexo安装、生成blog并deploy到github_第5张图片

四、更换主题成indigo

1、从github clone indigo主题, clone后,安装主题需要的依赖。

$git clone [email protected]:yscoder/hexo-theme-indigo.git themes/inidgo
$npm install hexo-renderer-less --save   #安装less,作为css的预处理工具
$npm install hexo-generator-feed --save #安装rss的feed生成工具
$npm install hexo-generator-json-content --save #用于生成静态站点数据,用于站内搜索的数据源
$npm install hexo-helper-qrcode --save #用于生成微信分享二维码

hexo安装、生成blog并deploy到github_第6张图片

2、开启标签页

$hexo new page tags 

new-tags-page

编辑source/tags/index.md,增加layout和comments
hexo安装、生成blog并deploy到github_第7张图片

3、开启分类页

$hexo new page categories 

new-categories-page

编辑source/categories/index.md,增加layout和comments
hexo安装、生成blog并deploy到github_第8张图片

4、修改_config.yml,使用indigo主题

edit-config-yml

注意: _config.yml的author改成自己,indigo会用来显示昵称, themes/indigo/_config.yml里的email改成自己的email

5、重新生成静态页面并启动服务器(需要调试信息可以使用,hexo s --debug)

$hexo clean & hexo g & hexo s 

hexo安装、生成blog并deploy到github_第9张图片

6、效果如下:

hexo安装、生成blog并deploy到github_第10张图片

五、注册github并配置ssh

到https://github.com/ 注册账号,然后配置ssh登录。
1、配置git的登录信息

$git config --global user.name "你的git用户名"
$git config --global user.email "你的git登录邮箱"

github-ssh-config

2、生成ssh公私钥

$ssh-keygen -t rsa -C "你的git登录邮箱"

hexo安装、生成blog并deploy到github_第11张图片

3、设置github的ssh key
将id_rsa.pub的内容拷贝到github的ssh key中
id_rsa_pub
hexo安装、生成blog并deploy到github_第12张图片

4、测试链接github设置的ssh key免登陆是否生效

$ssh -T [email protected]

test-key-connect-github

六、上传博客到github

1、新增git仓库

github上新建一个以注册的昵称开头的repository。 比如演示用的昵称是jacky-dmeo, repository的名称是jacky-demo.github.io 。

2、配置deploy的地址

type为git, repository配置为1新增的git仓库地址
edit-config-deploy

3、安装hexo deploy插件

$ npm install hexo-deployer-git --save

hexo安装、生成blog并deploy到github_第13张图片

4、上传到github

$hexo deploy 

hexo安装、生成blog并deploy到github_第14张图片
hexo安装、生成blog并deploy到github_第15张图片

5、查看github的博客,看下效果

hexo安装、生成blog并deploy到github_第16张图片

你可能感兴趣的:(个人博客)