基于github+hexo全过程

xianhai.jpg

基于github+hexo搭建个人博客全过程

VENI VIDI VICI

时值2018清明假期,最近趁着换工作的间隙,一直在github玩耍,突然也想基于github来做一个个人主页,晚上遂着手开始。因为长期在从事java web以及后端开发,对前端相关知识也是略懂,经过几个小时的折腾,总算达到了预期的效果.网上查到的知识相对来说比较零散,也是遇到了很多坑,特将整个过程记录下来,希望对其他同学能有所帮助。

安装相关的软件

  1. 安装nodejs环境
  2. 安装git
  3. 安装hexo
    安装软件这块,我就不一一详细说明了,照着各软件官方文档做,没啥问题

假如你也是初次接触hexo,可以先粗略看下hexo官网 的hexo命令,它将很好的帮助你理解下面的步骤。

下面我们正式开始旅程

1.执行

hexo init

2.使用主题yilia

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

3.修改hexo根目录下的config.yml文件

找到theme项,并将其修改为:

theme: yilia

4.修改主目录下的配置文件_config.yml

我们的配置项根据自己的需要进行配置
注意需要配置deploy项,填写你的github地址等

5.生成页面

hexo generate 

6.启动本地服务器

hexo server

提示没有找打server,于是,我们进行手动安装

npm install hexo-server

再次启动本地服务

hexo s

此时,应该已经可以跑起来了。

8.提交到github
假如本地测试没有问题,需要提交到github,输入

hexo deploy

此时应该会提示找不到git deployer,则是我们没有安装


no-deployer.png

安装之

npm install hexo-deployer-git --save 

安装完成后,再次执行deploy,一般应该会提示需要配置用户名以及邮箱
进入博客根目录下的.deploy_git/.git目录,编辑config文件
添加如下配置:

[user]
    name = XXX
    email = XXXXX

以上,再次执行deploy,假如正常的话,应该能看到git提交的相关信息,提交成功后,会显示INFO Deploy done: git

假如一切顺利,恭喜,请打开 your-github-username.github.io 看看效果吧,好运!


最后,需要注意下

hexo语法要求,所有的配置项-值之间一定要加 空格
编写博客时,若想实现more功能,在编写内容时,使用是不能生效的,而要使用 <escape></escape>。
还有一个深坑,假如你电脑安装了福昕阅读器,当你在第6步的时候,你会发现命令行窗口没有异常显示,但是你访问4000端口,一直是等待状态。这时,将福昕的服务停掉就ok了,讨厌!

—— 祝你顺利!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,833评论 19 139
  • 第一章 安装Git工具 下载GitHub for Windows,直接点击安装,安装完成后,可以看到“Git Sh...
    不圆的石头阅读 14,093评论 5 63
  • title: Hello World Welcome to Hexo! This is your very fir...
    陈小念阅读 1,126评论 0 0
  • 保持心理健康谁都希望自已的生命之树常青,谁都希望幸福和快乐在自己身边围绕。那么请别忘记其秘诀之一,那就是要宽容、大...
    悟道修行阅读 2,286评论 0 0
  • 1.在学校对面宾馆兼职担任前台的舍友讲了一件小事。前天晚上,前台接到房客的电话,咨询是否能提供特殊服务,接到否定回...
    我不是莎莎君阅读 2,849评论 1 0

友情链接更多精彩内容