笔沫

有梦为马,随处可栖

  • 主页
  • 技术
  • 随想
  • 音乐
所有文章 其他

笔沫

有梦为马,随处可栖

  • 主页
  • 技术
  • 随想
  • 音乐

Hexo+Github从零搭建技术博客

2017-03-12

【作为一名技术开发人员,搭建一个属于自己的博客,记录自己,沉淀自己,还是很重要的。】

年前给自己定一个目标:搭建博客,记录成长。之后,你懂的,就有下面的内容:

一、Hexo介绍、安装及实操

Hexo平台搭建官网

通过hexo官网步骤,可以很快的搭建hexo平台。通过命令hexo s,然后,在浏览器中输入http://localhost:4000/ 网站显示如下:

二、Hexo主题选择

通过Hexo官网,搭建的博客使用的主题为hexo自带的主题landscape,效果如上图。如果你希望你的博客更炫,更酷,推荐使用第三方的Hexo主题。主题选择:

1.Next主题

2.Hexo主题集合(github)

3.Hexo主题集合(知乎)

主题配置:

1
在hexo配置文件_config.yml中修改 theme: 主题名字(如:theme: landscape)

非Hexo主题(搭建网站可用)

jekyll主题集合(官网)

jekyll主题集合(github)

WordPress主题集合

三、部署到Github上

Github官网

1.注册Github账号

2.创建Repository(格式为:github账号名.github.io)

1
注意Repository的名字必须和账号名相同。比如Github账号是angelen10,那么应该创建的Repository的名字是:angelen10.github.io。

3.在hexo配置文件_config.yml中配置git路径

1
2
3
4
5
xxxx为github账户名
deploy:
type: git
repository: git@github.com:xxxxx/xxxx.github.io.git
branch: master

4.设置SSH keys绑定到你建的repository

设置SSH key官方教程

5.Hexo基本操作命令

1
2
3
4
5
6
7
8
hexo g == hexo generate
hexo d == hexo deploy
hexo s == hexo server
hexo n == hexo new

四、相关链接

搭建Hexo博客并部署到Github详细教程

如何搭建一个独立博客——简明Github Pages与Hexo教程

利用Github Page 搭建个人博客网站

赏

感谢认可,么么哒

支付宝
微信
  • 技术
  • 博客搭建

扫一扫,分享到微信

微信分享二维码
Rxjava学习总结
© 2019 笔沫
Hexo Theme Yilia by Litten
  • 所有文章
  • 其他

tag:

  • 技术
  • Android
  • Activity的启动模式
  • Android注解
  • Java反射机制
  • Java动态代理
  • Android基础
  • MVP
  • NDK
  • JNI C/C++
  • 开源框架
  • AS Gradle优化
  • 博客搭建
  • 设计模式
  • Fragment
  • Rxjava
  • Rxandroid
  • 响应式编程
  • 随想
  • 你本是一个肉体,是什么驱使你前行
  • 原创
  • 笔沫拾光
  • Java
  • Java基础
  • 王阳明心学
  • 中国历史
  • 人生的意义
  • 演讲
  • 执着的人是幸福的
  • 郭川
  • Android框架源码解析
  • 加解密算法
  • Binder通信机制
  • 开源框架源码解析
  • LeakCanary框架源码分析
  • Java集合类
  • 转载
  • Http文件断点续传
  • Logger框架源码解析
  • Android应用程序入口源码解析
  • DecorView绘制流程
  • Android消息机制源码解析
  • Activity启动流程
  • Butterknife框架源码解析
  • 我之存在,因为有你
  • 霍华德*舒尔茨
  • Android相机
  • Camera
  • 悬浮窗
  • WindowManager

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录(注意不是yilia根目录)执行以下命令:
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置:

      jsonContent:
        meta: false
        pages: false
        posts:
          title: true
          date: true
          path: true
          text: false
          raw: false
          content: false
          slug: false
          updated: false
          comments: false
          link: false
          permalink: false
          excerpt: false
          categories: false
          tags: true
    

  • 风光摄影
  • 星空摄影
  • 人像摄影
  • 学习站点