hexo搭建过程

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值