之前就想搭建自己的博客,现在终于得以实施。

参考了多篇博客,然后又在虚拟机了往往复复试了好多次, 现在基本搭建完毕。

我是基于hexo博客框架, next主题搭建的博客, 静态网页。   大体就是, 先在本地搭建好整个系统, 然后再提交到github。

因为此篇文章只是捡部分内容说,所以我先列出来我参考的博客,这里谢谢他们的无私分享了。

  • hexo博客框架 + next主题 + 插件等整个流程请参考ezlippi的两篇博客:  https://www.ezlippi.com/blog/2015/03/github-pages-blog.html 和 https://www.ezlippi.com/blog/2016/02/jekyll-to-hexo.html      文章大体跑了整个流程,不过细节上原理上没有怎么说。
  • 看完上面整个流程,也许对hexo博客框架配置部分有所疑惑,那就参考这篇博客,此篇文章对_config.yml文件进行了详尽的注释:  http://blog.csdn.net/xuezhisdc/article/details/53130383
  • 看完了hexo框架部分的内容,现在来看看next主题的内容,感觉官方文档很不错:  http://theme-next.iissnan.com/getting-started.html
  • 中文博客参差不齐,一句话传的人多了也就慢慢变了味道,对了hexo博客框架部分最好的资料还是官方文档:  https://hexo.io/zh-cn/docs/index.html
  • 有些人可能需要一个参考,找别人的东西对比下,上面提到的ezlippi无私分享了,具体看这个网址:  https://www.ezlippi.com/about/。

总结一下流程就是,

1、注册github, 本地生成ssh key, 然后github添加这个key。 这样就可以方便的使用ssh的密码push、clone代码了,当然,也可以设置ssh密码为空。

2、github创建想要创建的仓库名字:

(1)GitHub用户名建立的username.github.io或者orgname.github.io这样的用户&组织页(站)

(2)依附项目的pages。具体可以参考:

https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/

https://help.github.com/articles/user-organization-and-project-pages/

3、本地搭建hexo框架。  这里有用Windows的,有用Linux的,我不发表观点,但是我用的是Linux。  教程不细说了。

4、添加next主题并配置。

5、添加一些插件,开启一些博客功能。

6、绑定域名的话请看这步,不绑定的话就跳过:

(1)域名注册不讲了, 绑定的话需要在 hexo框架目录/source下新建CNAME文件,注意没扩展名,编辑内容为你的域名。

(2)域名解析添加CNAME记录, “@”或者“www”类型都可以, 记录值填写"yourname.github.io.",注意最后是带个点的。

(ps:网上也有解析添加A记录的,那是绑定IP,你的yourname.github.io  IP变了你就得修改解析, 不嫌麻烦的话可以这样)

7、发布:

(1)hexo clean命令清理文件

(2)hexo generate生成静态文件

(3)hexo server本地再看看效果

(4)hexo deploy 部署到github

github搭建个人博客 hexo框架 next主题的更多相关文章

  1. 《Hexo+github搭建个人博客》

    <Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...

  2. 使用Node.js+Hexo+Github搭建个人博客(续)

    一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...

  3. Mac上基于hexo+GitHub搭建个人博客(一)

    原文地址: http://fanjiajia.cn/2018/11/23/Mac%E4%B8%8A%E5%9F%BA%E4%BA%8Ehexo+GitHub%E6%90%AD%E5%BB%BA%E4% ...

  4. 如何用hexo+github搭建个人博客

    搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...

  5. Hexo和github搭建个人博客 - 朱晨

    GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.g ...

  6. Ubuntu+Hexo+Github搭建个人博客

    Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...

  7. jekyll+github搭建个人博客总结

    jekyll+github搭建个人博客 经过一天多的折腾,终于算是搭建好了自己的个人博客,看到有些社区评论说:在windows下用jekyll搭建静态博客,简直就自讨苦吃,但是都到一半了,有什么办法呢 ...

  8. Windows上使用jekyll+github搭建免费博客

    jekyll+github搭建个人博客 (一)下载Ruby (二)安装jekyll (三)开启jekyll服务器 (四)使用github展示博客 一.下载Ruby Ruby,一种简单快捷的面向对象(面 ...

  9. Hugo+Github 搭建个人博客(Windows环境下)

    目录 Hugo+Github 搭建个人博客(Windows环境下) 1.前言 2.Differences 2.1 https vs SSH 2.2 新建的github的仓库名必须为 用户名+githu ...

随机推荐

  1. java设计师初入职场,如何站稳脚跟

    本文内容一共由3部分展开 a:新人如何快速融入团队 b:如何在职场中提升自己影响力 c:如何规进行职业规划 a:如何快速融入团队   能在层层选拔下进入公司,说明你工作的能力还是得到公司的认可,不过这 ...

  2. eclipse安装checkstyle无法加载到preferences的问题

    描述一下问题,eclipse安装checkstyle,不管是在线安装还是下载安装,在preferences都没有checkstyle选项,如下: 然我们要的效果是这样的:   解决方案如下: 1 启动 ...

  3. thinkphp后台ajaxReturn提示下载的问题

    thinkphp新版设置了ajaxreturn方法如果是JSON格式会自动设置头信息为JSON格式,这样做在谷歌下可以正常解析,但是在IE和OPERA浏览器下就会提示下载,从而导致程序出错,修改方法如 ...

  4. 【ThinkPHP框架学习 】(2) --- 后台管理系统如何用iframe点击左边右边局部刷新

    如题:         在写后台管理系统时,需要实现后台界面的局部动态刷新.         左边的导航栏使用a标签进行设置,通过href和target属性的配合,就可以将iframe中的子页实现动态 ...

  5. C#获得时间段

    DateTime today = dt.Date;//今天 00:00:00 DateTime tomorrow = dt.Date.AddDays(1);//明天 00:00:00 DateTime ...

  6. CentOS7.x系统根目录分区扩容

    说明:系统版本为 Linux version 3.10.0-327.el7.x86_64 step1. 查看现有磁盘信息,可以看出根分区有45G [root@DEV-CMDB-DB02 ~]# df ...

  7. 解决弹出蒙层滑动穿透问题-vue

    最近开发过程中遇到一些小问题(似乎问题总是那么多),但一直没什么时间去优化与解决.程序员不能被业务绑架,有时间还是花点在代码上

  8. 关于SQLServer数据库中字段值为NULL,取出来该字段放在DataTable中,判断datatable中该字段值是否为NULL的三种方法

    1. DataTable dt;                               //假设字段为name, dt已经保存了数据dt.rows[0]["name"] == ...

  9. shopxx--权限功能测试

    shiro权限控制 一.添加角色 1.打开   系统→角色管理,点击 添加 赋予当前角色对应的权限 二.添加管理员(即用户管理) 添加用户,赋予刚才添加的角色 三.用新用户登录,进行测试 登录结果

  10. border-radio属性

    boreder-radio属性是css3的新增属性,可以设置圆角的边框. <head>  <style type="text/css"> *{ margin ...