Hexo+Github搭建个人网页

本文针对Mac

一、配置环境

  • 安装Node(必须)
    作用:用来生成静态页面的 到Node.js官网下载相应平台的最新版本,一路安装即可。
  • 安装Git(必须)
    作用:把本地的hexo内容提交到github上去. 安装Xcode就自带有Git,我就不多说了。
  • 申请GitHub(必须)
    作用:是用来做博客的远程创库、域名、服务器之类的,怎么与本地hexo建立连接等下讲。github账号我也不再啰嗦了,没有的话直接申请就行了,跟一般的注册账号差不多,SSH Keys,看你自己了,可以不配制,不配置的话以后每次对自己的博客有改动提交的时候就要手动输入账号密码,配置了就不需要了,怎么配置我就不多说了,网上有很多教程。
  • 正式安装HEXO
    Node和Git都安装好后,可执行如下命令安装hexo:
    $ sudo npm install -g hexo


二、创建网页

  • 初始化
    创建一个文件夹,如:Blog,cd到Blog里执行hexo init的。命令:
    hexo init
    好啦,至此,全部安装工作已经完成!
  • 生成静态页面
    继续再Blog目录下执行如下命令,生成静态页面
    hexo generate (hexo g 也可以)
  • 本地启动
    启动本地服务,进行文章预览调试,命令:
    hexo server
  • 验证网页
    浏览器输入http://localhost:4000
  • 如果有错误
    ERROR Plugin load failed: hexo-server
    原因:
    Besides, utilities are separated into a standalone module. hexo.util is not reachable anymore.
    解决方法,执行命令:
    sudo npm install hexo-server


三、配置Github

  • 建立Repository
    可以参考我之前的文章:http://www.jianshu.com/p/31fb42ffb10c
    建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法然后建立关联,我的Blog在本地/Users/taoyali/Blog,Blog是我之前建的东西也全在这里面,有:
    Blog 
    | 
    |-- _config.yml 
    |-- node_modules 
    |-- public 
    |-- source      
    |-- db.json 
    |-- package.json 
    |-- scaffolds 
    |-- themes         
    1.现在我们需要_config.yml文件,来建立关联,命令:
    vim _config.yml
    2.翻到最下面,改成我这样子的,注意:: 后面要有空格
    deploy: type: git
    repository: https://github.com/taoyali/taoyali.github.io.git
    branch: master
  • 执行如下命令才能使用git部署
    npm install hexo-deployer-git --save
    网上会有很多说法,有的type是github, 还有repository 最后面的后缀也不一样,是github.com.git,我也踩了很多坑,我现在的版本是hexo: 3.1.1,执行命令hexo -vsersion就出来了,貌似3.0后全部改成我上面这种格式了。忘了说了,我没用SSH Keys如果你用了SSH Keys的话直接在github里复制SSH的就行了,总共就两种协议,相信你懂的。
  • 然后,执行配置命令:
    hexo deploy
     然后再浏览器中输入http://taoyali.github.io/就行了,我的github的账户叫taoyali,把这个改成你github的账户名就行了


四、部署步骤每次部署的步骤,可按以下三步来进行。

hexo clean 清空
hexo generate 初始化
hexo deploy 部署github (项目更改之后,使用这一个就行)


五、hexo 一些常用命令:

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本


这里有大量的主题列表使用方法里面都有详细的介绍,我就不多说了。我这里有几款个人认为不错的主题,免去你们,一个一个的选了,欢迎吐槽我的审美,? 
Cover[https://github.com/daisygao/hexo-themes-cover] - A chic theme with facebook-like cover photo 
Oishi - A white theme based on Landscape plus and Writing. Sidebar - Another theme based on Light with a simple sidebar 
TKL - A responsive design theme for Hexo. 一个设计优雅的响应式主题 
Tinnypp - A clean, simple theme based on Tinny 
Writing - A small and simple hexo theme based on Light 
Yilia - Responsive and simple style 优雅简洁响应式主题,我用得就是这个。 
Pacman voidy - A theme with dynamic tagcloud and dynamic snow


end sleep

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容