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

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

我是基于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. 2015上海赛区B Binary Tree

    B - Binary Tree   Description The Old Frog King lives on the root of an infinite tree. According to ...

  2. 小米/红米导入VCF联系人乱码问题解决

    PS:尽量不要用什么豌豆荚啊.微信啊.QQ啊之类的通讯录备份,那就等于把自己的通讯录免费送给腾讯他们了....还是自己手动的好一些,但是小白用户或者经常丢手机的卖就卖吧,总比联系人都丢了要好~~~ 默 ...

  3. Cordova cannot add Android failed with exit code ENOENT

    这可能是系统环境变量损坏了 解决方案:在系统变量path如果没用下面的变量就加上%SystemRoot%\system32; %SystemRoot%; %SystemRoot%\System32\W ...

  4. IE浏览器中用Firebug调试网站的方法

    对于大部分做前端设计者而言应该都使用过Firefox浏览器下一款调试网站的扩展插件firebug吧,功能非常的强大,对于我们找出网页兼容性的问题非常的有效.不过对于很多不喜欢使用Firefox浏览器的 ...

  5. WPF 完美截图 <序>

    最近由于工作需要(话说总是工作需要哈),老大交给个任务,我鼓捣了2个星期,有点心得与大伙共享,希望对同被此问题困扰的同学有所帮助. 费话不说,上图: 此为完成后运行时状态图,先扔在这,下午有空开始正式 ...

  6. TweenMax动画库学习

    之前在做HTML5移动端开发的时候,用的都是Animate.css,这个插件封装的的确很好,但是在做一些缓动方面的动画,它也有一定的不足之处,比如手要写一个连续的动画,需要不停的去重复写函数,使得代码 ...

  7. 在64位Win7环境+64位JDK下,运行64位Eclipse,提示“Failed to load the JNI shared library”错误,提示jvm.dll不对

    -startup plugins/org.eclipse.equinox.launcher_1.2.0.v20110502.jar --launcher.library plugins/org.ecl ...

  8. javascript第五章--函数表达式

    ① 递归 ② 闭包 ③ 模仿块级作用域 ④ 私有变量

  9. 【架构研习】欲善其事先利其器-Robot Framework实战演练之框架的选择

    (原创文章,转载请注明出处.) 之前有提到过,自己曾基于公司业务系统从无到有码过一套测试框架,但由于开发时的思想同时受限于公司业务及框架的适用性上,导致最终虽然框架可完美支持业务,但在易用性.兼容性及 ...

  10. AIO5销售发货单numeric算数溢出报错:将numeric转换成数据类型numeric时出现算数溢出错误

    问题描述: 销售发货单报错算数溢出:将numeric转换成数据类型numeric时出现算数溢出错误.具体如下图: 当销售发货单的数量为>7万时,报错 当销售发货单的数量为<7万时,单据正常 ...