小白搭博客

本人前端小白加学生党一枚,大二才真正开始学习前端知识。因为所学太多,而我记性又不好,所以打算搭建一个blog来记录所学。
那为什么要选择Hexo呢?原因如下:

1. 风一般的速度。
Hexo基于Node.js,支持多进程,几百篇文章也可以秒生成。
1. 流畅的撰写。
支持GitHub Flavored Markdown和所有Octopress的插件。
1. 扩展性。
Hexo支持EJS、Swig和Stylus,并通过插件支持Haml、Jade和Less。

那么接下来,我们就开始讲解Hexo的搭建过程。

搭建环境准备


安装Node.js

打开Node.js中文官网http://nodejs.cn/,根据你的系统版本下载相应的安装文件,然后一路默认安装即可。

安装Git

打开该网址https://git-for-windows.github.io/,然后根据你的系统版本下载相应Git Bush。

申请GitHub账号

打开GitHub官网https://github.com/,申请其账号,并配置好SSH(关于如何配置SSH,详见我的另一篇博客)。

至此,Hexo前期准备工作完成!

搭建Hexo


安装

新建一个文件夹,cd进这个文件夹,输入下面的命令来进行安装。

npm install hexo -g

升级(非必需)

更新hexo到最新版。

npm update hexo -g

初始化

在文件夹里右键,点击Git Bush,输入下面的命令。

hexo init

生成网站

hexo generate

或者

hexo g

本地服务器调试

在CMD里输入下面的命令。

hexo server

或者

hexo s

不出意外,伺服器会跑在 http://localhost:port (port 预设为 4000,可在 _config.yml 设定),打开之后,就能看到Hexo的原始页面啦。

上传GitHub与Coding


建立仓库

在GitHub上建立一个仓库,其名称必须为your_name.github.io,比如我的是 Doenitz.github.io。同理,在Coding上建立一个仓库,其名称最好为your_name,比如我的是 hitler97。

配置文件

打开根目录下的_config.yml,找到Deployment,然后按照如下修改:

deploy:
  type: git
  repository:
    github: git@github.com:your_name/your_name.github.io.git
    coding: git@git.coding.net:your_name/your_name.git
    branch: master

比如我就按以下形式配置:

deploy:
  type: git
  repository:
    github: git@github.com:Doenitz/Doenitz.github.io.git
    coding: git@git.coding.net:hitler97/hitler97.git
    branch: master

编写、发布文章

打开Git Bush,新建一篇文章:

hexo new "article title"

这时候在博客目录 \hexo\source\ _posts 下将会看到 article title.md 文件,用MarkDown编辑器编辑好文章之后即可发布文章:

hexo g    //  生成
hexo d    //  部署

或者

hexo g -d

这时打开你的Github pages和Coding pages主页地址即可看到自己的博客。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值