现有的博客网站用着都不太满意,思来想去还是决定自己搭一个。按照惯例,第一篇文章记录下整个博客的搭建过程。博客基于Hexo和Github Pages构建,并使用Travis CI持续集成,自动发布。

搭建过程

创建Github Pages

  1. 注册并登陆你的Github
  2. 创建一个仓库,名为 http://username.github.io ,username 就是你的 Github 用户名,提交后就可以通过http://username.github.io/ 访问了

环境配置

安装Node.js和Git

程序员基本都会用到的模块,安装可参考Hexo文档。

安装Hexo

cmd/gitbash执行如下命令

npm install hexo-cli -g # 安装hexo
hexo init blog # 初始化blog文件夹
cd blog
npm install # 安装博客所需npm包
hexo g # 生成静态文件
hexo s # 启动本地web服务,可在http://localhost:4000/ 预览博客

域名绑定

购买域名

域名绑定第一步当然是先去买一个域名,不然拿头绑定。有了域名就可以用自己的域名,比如说www.kosho.tech 访问,比http://username.github.io/ 舒服多了。

那么,在哪里才能买得到呢?

其实阿里云就不错,价格便宜,配置方便,自带DNS解析。

DNS解析

买完在域名解析里增加两条记录:

然后记得在hexo博客的source文件夹下加一个CNAME文件,内容是你的域名:

kosho.tech

这样访问你的域名时,浏览器会自动跳转到Github Pages。

自动部署

一顿操作以后,怎么把生成的博客内容部署上去呢?很多人会使用hexo-deployer-git插件部署。

在站点配置文件 _config.yml 中修改设置:

deploy:  type: gitrepo: <repository url>branch: [branch]

然后执行

hexo d

但是这样还是稍微有点麻烦,每次得输入用户名密码。

官方推荐的方式是利用Travis CI持续集成:https://hexo.io/zh-cn/docs/github-pages 注意不配置分支的话,默认会把部署分支设置为gh-pages,可以像我一样,把源码分支设置为hexo,部署分支设置为master。

travis.yml:

sudo: false
language: node_js
node_js:- 10 # use nodejs v10 LTS
cache: npm
branches:only:- hexo
script:- hexo generate # generate static files
deploy:provider: pagesskip-cleanup: truegithub-token: $GH_TOKENkeep-history: truetarget-branch: masteron:branch: hexolocal-dir: public

这样向hexo分支提交文章,CI会帮你自动部署到master上,顺滑就完事了。

继续折腾

搭建完了还有一堆东西需要折腾,包括但不限于:

  1. 折腾主题
  2. 增加评论
  3. 添加搜索功能
  4. 阅读次数统计
  5. 添加社交链接
  6. 提交百度和谷歌收录

等等...

好在Hexo和Next主题默认给集成了很多功能,网上也有大把的文章,比自己从头开始方便了很多。

地址:Kosho的博客

效果嘛,差不多就是这样:

setautocommit(false) 还是自动提交了_Hexo和GitPages搭建博客并自动发布相关推荐

  1. git config设置用户名_hexo和git搭建博客过程

    效果图 手机端 和电脑 自动更换背景 搭建自己的博客(一) 前序: 折腾了几天,搞出了git加hexo的博客(带有评论功能),再次记录一下此次搭建的过程.先看看成品: https://g-ncp.gi ...

  2. wordpress博客留言自动填写

    想起去年朋友,让我帮他写一个wordpress的自动留言程序.大概思路这样的,首先在百度搜索关键字Powered by WordPress,然后打开搜索结果,自动填写内容,提交. 功能也不复杂,就是为 ...

  3. Python爬虫入门教程 54-100 博客园等博客网站自动评论器

    爬虫背景 爬虫最核心的问题就是解决重复操作,当一件事情可以重复的进行的时候,就可以用爬虫来解决这个问题,今天要实现的一个基本需求是完成"博客园" 博客的自动评论,其实原理是非常简单 ...

  4. 怎么禁止/开启Ubuntu自动更新升级_豆豆技术派的博客-CSDN博客_ubuntu 自动更新

    怎么禁止/开启Ubuntu自动更新升级_豆豆技术派的博客-CSDN博客_ubuntu 自动更新

  5. 博客园自动显示随笔标签

    title: 博客园自动显示随笔标签 date: 2018-01-03 20:52:22 tags: 浏览器脚本 categories: 前端 在添加随笔页自动显示已有标签,不用点击插入已有标签 效果 ...

  6. GitHub下载 无法分配请求的地址_Hexo+Github--搭建个人博客(一)准备工作amp;amp;环境搭建

    前段时间空闲就自己搭建了个博客,以后也会将博客在博客园和个人博客网站上两边同时同步,今天将我搭建博客的一些步骤和过程写下来,搭建博客的过程和步骤是参考网上其他博主的一些做法,在这里综合起来做个总结分享 ...

  7. 谷歌学术 rss_如何自动将博客RSS供稿发布到Google plus页面?

    谷歌学术 rss I have a blog with RSS feeds. Feeding to twitter and facebook is supported by many tools. B ...

  8. 如何使用Github的Action实现博客的自动部署

    如何使用Github的Action实现博客的自动部署 以下是详细的采坑记录,花费了不少时间. 现在的状态是,更新完博客时,需要执行以下的指令: hexo clean && hexo g ...

  9. 博客论坛自动采集器 - 蓝天采集器源码

    介绍: 博客论坛自动采集器 做一个自动采集文章的网站,在你网站根目录创建一个目录随便我这边是caiji,然后把采集器的源码上传到caiji里面去. 安装:你的域名/caiji访问配置好数据库什么的安装 ...

最新文章

  1. CRF++ 特征工程
  2. 纸板箱机器人制作比例图纸_造一个黄油机器人(Butter Robot)
  3. python生成表格文件_python读取和生成excel文件
  4. 本田da屏怎么进wince系统_东风本田LIFE“来福酱”上市
  5. NSLocalizedString 实现国际化
  6. Eigen入门之密集矩阵 4 - 块操作
  7. 经典面试题(28):以下代码将输出的结果是什么?
  8. 鸿星尔克向河南博物院捐款100万元用于灾后重建
  9. Windows手机开发工具与资源
  10. 字节小组长无意中得知整个部门的薪资,自己28K,手下却有35K,怎么办
  11. [转]Android调用so文件(C代码库)方法详解
  12. win和linux双系统安装教程
  13. 软件工程造价师和软件造价评估师有什么区别?
  14. HTML5详细介绍及使用
  15. 《iOS移动开发从入门到精通》图书连载2:如何成为一名iOS开发者
  16. [SDOI2015]寻宝游戏
  17. 【全网首发】电脑搜索不到部分WiFi怎么办?亲测有效!
  18. UOJ#311. 【UNR #2】积劳成疾
  19. 【PyTorch】模型 FPS 测试 Benchmark(参考 MMDetection 实现)
  20. 类文件解析003-解析常量池

热门文章

  1. docker选择安装路径_Docker安装
  2. Kotlin学习笔记24 协程part4 协程的取消与超时
  3. php中用js自定义弹窗,用js实现的自定义的对话框的实现代码_javascript技巧
  4. yolox: AssertionError: Caught AssertionError in DataLoader worker process 0.
  5. dataframe格式的数据处理
  6. 去掉网页上链接或按钮的虚线框
  7. 5_python基础—条件语句(三目运算符)
  8. 将某一类型文件还原为无默认打开方式
  9. python自动回复机器人手机版_GitHub - HZQHZA/wxpy: Python 写 微信聊天 根据 自动回复 接入机器人 等等.......
  10. php切换当前目录,php 改变当前目录函数chdir()的定义与用法实例详解