hexo搭建过程

2018-09-29  本文已影响0人  泽泽馥泽泽

hexo 搭建过程

node.js

下载地址:http://nodejs.cn/download/

git环境

下载地址:https://gitforwindows.org/

github

https://github.com

创建文件夹

我的文件夹建立在D盘

打开Git Bash,输入:

cd d:

cd blog

接着,输入

npm install hexo

如果出现说npm没有安装的话,请移步编辑用户环境变量,将npm加入环境变量中,重启git bash即可。

git.png

再次进入文件夹执行安装命令,如果出现
npm WARN deprecated titlecase@1.1.2: no longer maintained可以不用理会

install npm.png

如果目录下出现文件夹就说明初始步骤基本成功了。

succeed.png

hexo命令

hexo init  --初始化hexo环境,这时会在目录下自动生成hexo的文件
npm install --安装npm依赖包
hexo generate --生成静态页面
hexo server --生成本地服务

如果出现hexo command not found(笔者安装过程好坎坷啊!!!)

hexo not find.png

解决方法:找到刚刚新建的blog文件夹,xxx/blog/hexo/bin
将这个路径添加到环境变量(xxx为自定义的路径,笔者的就是D:/blog/hexo/bin)

在blog路径下新建一个文件夹hexo
执行hexo init需要在一个空的文件夹下执行,执行过程和结果如下图

success install hexp.png install npm.png generate static page.png start server.png

打开http://localhost:4000/看看是否启动成功,启动后会出现这个页面。

hexo page in web.png

发布local到internet

使用github创建远程仓库,新建一个跟自己账号名字一样的空仓库

接着打开本地的hexo文件夹中的_config.yml文件

config.png

打开文件编辑

open config.png

文件末,将deploy修改如下:

(使用自己repo地址)

my git.png config_repo_setting1.png config_repo_setting2.png

编辑完成后保存。

下面的步骤如果不想新建文章的话,到这就结束了
保存后再Git Bash 中执行

``npm install hexo-deployer-git --save``

最后执行
``hexo deploy``
这一步需要保证github上拥有本机的公钥!!!

备注:添加公钥方法

本地创建SSH Keys
ssh-keygen -t rsa -C "xxx@xxx.com"

邮箱即为 github 注册邮箱,之后会要求确认路径和输入密码,一路回车。

成功的话会在 ~/下生成 .ssh文件夹,进去,打开 id_rsa.pub,复制里面的key即可。

cat ~/.ssh/id_rsa.pub

复制内容至github-Setting-GPG and SSH Keys-Add

新建文章

在Git Bash输入
hexo new World

注:World 是标题

new page.png

xxx/blog/hexo/source/_post文件夹里会有
World.md

内容如下:

Wordmd.png

在之后使用md格式编辑正文并保存。

hexo 部署

//生成静态文件
hexo generate
//安装 hexo-deployer-git
npm install hexo-deployer-git --save
//部署到github
hexo deploy
down.png

出现done即是完成啦!!!(开森~)
打开http://zhongfuze.github.io

完毕

Theme

https://hexo.io/themes/

mathjax

https://blog.csdn.net/u014630987/article/details/78670258

markdown

markdownpad : http://markdownpad.com/download.html

awesomium : awesomium_v1.6.6_sdk_win.exe

上一篇 下一篇

猜你喜欢

热点阅读