文章目录
  1. 1. 首先为第一篇博客开心一下
  2. 2. 参考
  3. 3. 搭建步骤
    1. 3.1. 注册一个github账户
    2. 3.2. 创建github pages
    3. 3.3. 装载Hexo
    4. 3.4. 选择自己喜欢的主题
    5. 3.5. 对模板和样式进行修改
    6. 3.6. 选择喜欢的插件和挂件,统计等
    7. 3.7. 部署到github上
  4. 4. 此处粘贴Hexo常用命令
  5. 5. 结束语

本文作为本骚年正式开始技术博客的开篇,当然先渲染一下快乐的氛围。接着会大致介绍搭建这个博客的步骤。

首先为第一篇博客开心一下


或许在两个月前,本骚年还生活在远离github以及各种社区论坛的宅世界里。但即使是那样一个几乎与世隔绝的环境下,也依然满怀学习前端的热情。

那时候做的事情不多,基本是些与jQuery打架,努力想解剖它,最后又握手言和的过家家。

工作原因慢慢用上一些工具,也挑战自己上了框架、试着对代码进行抽离又封装,到如今在小伙伴的怂恿下试着在github搭博客。

进步不得说不大,对于懒癌晚期只沉迷于学习远离、学习代码解析的骚年来说,各种各样的工具毫无疑问又增加了需要学习的范围。但,既来之则安之,有句话叫学无止境不是吗,要相信自己,哈哈。

参考


关于创建github博客:
http://blog.csdn.net/renfufei/article/details/37725057
Hexo搭建博客教程:
http://ibruce.info/2013/11/22/hexo-your-blog
知乎:Hexo好看的主题:
https://www.zhihu.com/question/24422335

搭建步骤


注册一个github账户

创建github pages

具体可参考Hexo搭建博客教程:
http://ibruce.info/2013/11/22/hexo-your-blog

装载Hexo

该过程需要安装node以及Git,具体可参考Hexo搭建博客教程:
http://ibruce.info/2013/11/22/hexo-your-blog

选择自己喜欢的主题

Hexo主题可参考知乎:Hexo好看的主题:
https://www.zhihu.com/question/24422335

对模板和样式进行修改

Hexo装载的模板为ejs,炒鸡好懂的

选择喜欢的插件和挂件,统计等

Hexo搭建博客教程里面有提及相关的部署

部署到github上

设置./_config.yml中Deployment相关,然后hexo deploy
注意请先生成静态文件再进行部署哦
若部署失败提示’ERROR Deployer not found: github’, 是因为Hexo3.0以后type需要改成git
1.安装 npm install hexo-deployer-git –save
2.将deploy 的 type由github改为git

此处粘贴Hexo常用命令


hexo new “postName” —新建文章
hexo new page “pageName” —新建页面
hexo clean —清除缓存 网页正常情况下可以忽略此条命令
hexo generate —生成静态页面至public目录
hexo server —开启预览访问端口(默认端口4000,’ctrl + c’关闭server)
hexo deploy —将.deploy目录部署到GitHub

结束语


然后一不小心就玩通宵了,赶紧补眠去。
Good Day!

查看Github有更多内容噢:https://github.com/godbasin
更欢迎来被删的前端游乐场边撸猫边学前端噢

码生艰难,写文不易,给我家猪囤点猫粮了喵~

作者:被删

出处:https://godbasin.github.io

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

文章目录
  1. 1. 首先为第一篇博客开心一下
  2. 2. 参考
  3. 3. 搭建步骤
    1. 3.1. 注册一个github账户
    2. 3.2. 创建github pages
    3. 3.3. 装载Hexo
    4. 3.4. 选择自己喜欢的主题
    5. 3.5. 对模板和样式进行修改
    6. 3.6. 选择喜欢的插件和挂件,统计等
    7. 3.7. 部署到github上
  4. 4. 此处粘贴Hexo常用命令
  5. 5. 结束语