mac下使用hexo和next快速创建博客

安装前提

安装nodejs

安装方式一:

打开nodejs中文网站下载安装进行安装,也可通过编译源码进行安装

安装方式二:

使用nvm进行安装:

$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.0/install.sh | bash
$ nvm install stable

安装git

打开git下载安装包进行安装,也可通过编译源码进行安装

安装Hexo

安装hexo客户端

$ npm install -g hexo-cli

创建站点

$ hexo init wangtaotao.github.io

安装依赖

$ npm install

新建文章

$ cd wangtaotao.github.io

$ hexo new post hello-world

启动本地服务

$ hexo s[erver]

访问http://localhost:4000/进行预览

修改配置

$ vim _config.yml

修改内容:

deploy:
  type: git
  repository: https://github.com/wangtaotao/wangtaotao.github.io.git #此处为github代码仓库
  branch: master

生成静态文件

$ hexo g[enerate]

执行hexo clean 可以清除生成的文件

部署网站

$ hexo d[eploy]

注意:此处需要安装hexo-deploy-git执行npm install hexo-deploy-git --save

正式环境浏览

点击wangtaotao.github.io即可查看

安装主题

在安装hexo之后默认安装了Landscape主题,但是我们可以根据自己的喜好进行切换主题

主题列表

可以访问https://github.com/hexojs/hexo/wiki/Themes选择自己喜欢的,本次以hexo-theme-next为例

拉取next代码

cd wangtaotao.github.io/themes

git clone https://github.com/iissnan/hexo-theme-next.git

修改next配置文件

cd hexo-theme-next

vim _config.yml

#菜单配置
menu:
  home: /
  categories: /categories
  #about: /about
  archives: /archives
  tags: /tags
  #commonweal: /404.html

#三种主题样式
#scheme: Muse
scheme: Mist
#scheme: Pisces

#侧边栏位置配置
sidebar:
# Sidebar Position, available value: left | right
position: left
#position: right

# Sidebar Display, available value:
#  - post    expand on posts automatically. Default.
#  - always  expand for all pages automatically
#  - hide    expand only when click on the sidebar toggle icon.
#  - remove  Totally remove sidebar including sidebar toggler.
#侧边栏展示时机
display: post
#display: always
#display: hide
#display: remove

重新部署网站

可先在本地预览之后执行

$ hexo g

$ hexo d

正式环境浏览

点击wangtaotao.github.io即可查看

参考资料

https://hexo.io/zh-cn/docs/

https://github.com/hexojs/hexo/wiki/Themes

http://theme-next.iissnan.com


标签:

专题:

发表于2016-10-03 16:33:55,最后修改于2019-08-02 18:42:12。

本站文章欢迎链接分享,禁止全文转载。


下一篇 » 使用node-inspector调试你的node代码

推荐阅读

Big Image