zoukankan      html  css  js  c++  java
  • 使用hexo+github搭建个人博客

    此处输入图片的描述

    前言

    上大学期间都没有做笔记、写博客的习惯,工作以后学的东西多了,接触的东西多了,才发现做笔记是一件很重要的事情,做笔记可以将自己的想法、思路写下来,方便以后查阅,俗话说好记性不如键盘党,做笔记、写博客也可以让自己学会总结、学会分享,今年年初才开始使用cnblogs来写博客,账号已经申请了两年多了,大学期间一直没用,cnblogs写了一段时间发现网上一些大牛都有自己的博客,因为我比较喜欢折腾和装X,所以我也打算搭建一个博客,我不是做web方向的,也不懂jsp、asp.net、php(世界上最好的语言)、webpy等语言和技术(大学时学过,后来就忘了),之前我看到我同学基于WordPress搭建了一个博客,这个需要数据库啊,服务器之类的,感觉有点麻烦,后来在网上查阅资料看到hexojekyll配合github就可以用来搭建博客,github作为服务器这样还省去了租用服务器的费用,有人会问国内的coding也可以作为部署服务器啊,还快些,我只想说信仰不同,不相为谋,存储图片我也是用的github,没有用七牛的,最后我选择的hexo + github方案来制作个人博客,我是在ubuntu上搭建的,在windows和mac上搭建的朋友本篇博客还是有参考意义,下面是详细的制作过程(个人博客也发表了《使用hexo+github搭建个人博客》)。

    安装git

    部署服务器需要使用github,所以git成了必要工具。

    sudo apt-get install git
    

    安装node.js

    我直接在node.js官网下载二进制包来安装的,下载过后,解压,设置软链接。

    ln -s /your/nodejs/dir/bin/node /usr/local/bin/node
    ln -s /your/nodejs/dir/bin/npm /usr/local/bin/npm
    

    将上面路径替换成你的nodejs真实路径,也可以直接将node可执行文件拷贝到/usr/local/bin目录下。

    安装hexo

    sudo npm install -g hexo-cli
    

    安装hexo需要使用npm包管理器来安装,安装好后运行hexo命令,控制台提示说找不到该命令,让我郁闷了一哈,后来才发现hexo命令在/your/nodejs/dir/bin/目录下,还是老办法,设置软链接。

    ln -s /your/nodejs/dir/bin/hexo /usr/local/bin/hexo
    

    建立站点

    hexo init blog
    

    blog目录就是你的站点根目录,目录里面的_config.yml站点配置文件,后面还会说到主题配置文件,每一个主题都用一个_config.yml文件,不要搞混了,到目前为止博客环境已经搭建完成。

    本地调试

    博客搭建好了,没有run起来感觉心里是虚的,接下来我们把博客run起来看,首先生成静态页面。

    hexo generate(可以缩写成g)
    

    启动本地服务,在浏览器输入http://localhost:4000就可以看效果了。

    hexo server(可以缩写成s)
    

    此处输入图片的描述
    看到上图出现,说明搭建博客成功。

    配置github

    hexo生成的静态页面是要上传到github上面的,所以需要配置好github,首先需要在github上建立一个仓库,仓库名格式是username.github.io,比如我的就是chxuan.github.io,不要乱取,不然配置不成功。之后编辑站点配置文件在末尾加入。

    deploy:
      type: git
      repo: https://github.com/chxuan/chxuan.github.io.git
      branch: master
    

    repo行需要替换成你自己的仓库路径,保存之后运行如下命令。

    npm install hexo-deployer-git --save
    hexo deploy(可以缩写成d)
    

    至此hexo已经关联好了github,在浏览器输入http://username.github.io/,比如我的是http://chxuan.github.io/就可以浏览了,github默认提供的是一个二级域名,你也可去阿里云购买域名,替换掉github提供的。

    发表文章

    hexo new "xxxxxxxx" 
    hexo clean
    hexo generate(可以缩写成g)
    hexo deploy(可以缩写成d)
    

    以上是发表文章的步骤,执行hexo new 之后会在站点目录的source/_posts/目录下生成.md结尾的博客,我用的Cmd Mardown来写博客的。

    创建一个标签页

    hexo new page "about" 
    hexo clean
    hexo generate(可以缩写成g)
    hexo deploy(可以缩写成d)
    

    上面创建了一个关于我的标签页并部署到github服务器上。

    设置主题

    我使用的是NexT主题,目前github星星数最多的一个主题,主题界面一般,主要是文档齐全吧,所以很受人们欢迎,我也建议新手使用该主题,主题配置参考NexT官方文档
    此处输入图片的描述

    集成第三方插件

    若想要别人评论你的博客、查看访问次数、搜索博客等功能需要第三方插件支持,你可以参考NexT官方文档

    多电脑发布博客

    公司电脑和家用电脑都可以写博客,当环境搭建好后,怎么进行文章同步呢,我使用的是github,我在github上创建了一个名为blog的仓库用来存放博客文件,你需要将本地站点blog目录进行hexo clean之后,hexo clean执行过后就是删除public里面生成的静态页面等操作,将剩下的文件放入github同步就可以了。

    参考文章

    1. hexo官方文档
    2. NexT主题官方文档
  • 相关阅读:
    Xml 映射文件中,除了常见的 select|insert|updae|delete 标签之外,还有哪些标签?
    zookeeper 是如何保证事务的顺序一致性的?
    什么是 Callable 和 Future?
    MyBatis 实现一对一有几种方式?具体怎么操作的?
    Zookeeper 对节点的 watch监听通知是永久的吗?为什么 不是永久的?
    合同测试你懂什么?
    查看各类环境变量用什么命令?
    我们如何进行跨功能测试?
    怎么查看系统支持的所有信号?
    Mybatis 是否支持延迟加载?如果支持,它的实现原理是什么?
  • 原文地址:https://www.cnblogs.com/highway-9/p/5985893.html
Copyright © 2011-2022 走看看