利用Github和Hexo搭建个人网站教程


title: how to create blog with hexo
date: 2018-09-20 17:22:55
tags: technology


利用Github和Hexo搭建个人网站教程

概述

hexo是一款基于nodejs的静态博客框架,也就是编写的文章可以编译成html文件 ,不需要额外的管理后台,结合github或者coding page即可免费部署上线 ,发布的内容也相对自由一些。语法主要使用markdown,可以方便与简书等BPS同步内容。
可访问hexo官网地址了解更多。

搭建步骤

购买个人域名(可选)

github提供github page的域名 ,不需要备案 ,所以可以直接使用

创建个人仓库

注册和登陆 github.com
点击New repository创建一个博客仓库 , 假如
用户名是xiaoming , 则新建的仓库名是xiaoming.github.io,权限设置为Public , 其它的不勾选或者选为none

下载安装软件

  • git---用git -v检查是否安装成功
  • Node.js---hexo基础环境,用npm -v命令检查是否安装成功
    假如使用windows系统,建议下载安装集成软件laragon 就好,其中已经整个了上面两个软件

安装完成之后 , 把本地公钥上传到github个人主页Settings里边的SSH and GPG keys的SSH keys栏目下面,这一步是使发布文章时候 ,github可以验证你身份而不用每次输入密码
假如没有公钥则通过下面命令来生成:

ssh-keygen -t rsa -C "你的GitHub注册邮箱"

window默认公钥生成位置是C:\Users\电脑用户名.ssh\id_rsa.pub , 用记事本打开即可复制。

安装hexo

npm install -g hexo-cli 

安装完成hexo框架之后 , 输入:

hexo init blog

安装完成之后 ,
可以通过以下4条命令进入新建博客文章

cd blog

hexo new test_my_site

hexo g

hexo s

完成之后 ,用浏览器打开地址 http://localhost:4000 就可看到博客
继续在_config.yml添加上配置

  • language: zh-CN #根据themes\landscape\languages里边来配置语言,一般是zh-CN
  • post_asset_folder: true#设置为true方便使用本地图片
  • theme: landscape #指定使用的主题 ,默认是landscape
  • deploy:#还有两个自配置项 一般是使用git配置,参考文档 ,以实现关联到github

注意

常遇到的问题

  • 1,配置文件配置值前面需要加一个空格,否则编译不生效而且报错,
  • 2,一开始未设置_config.yml里边language的值的时候 ,生成的文章md文件需要用编辑器convert to utf-8再重新生成才行,
  • 3,_post目录必须要有md文件,
  • 4,要设置githubpage时,创建repo之后 ,还要设置一下Theme Chooser才生效 ,否则404 ,
  • 5,Github page 只能使用master or gh-pages分支 , 而且需要在项目settings里边GitHub Pages设置!!

发布文章

使用hexo new ‘文章名’ 来创建文章之后 , 再使用markdown编辑器直接编辑对应的source_posts里边的文件保存,
本地预览之后可以推送部署上线 ,
删除文章可以直接删除_post里边对应的md文件 ,重新编译推送即可

  • 常用hexo命令
    现在来介绍常用的Hexo 命令
    npm install hexo -g #安装Hexo
    npm update hexo -g #升级
    hexo init #初始化博客
    命令简写
    hexo n "我的博客" == hexo new "我的博客" #新建文章
    hexo g == hexo generate #生成
    hexo s == hexo server #启动服务预览
    hexo d == hexo deploy #部署

更换主题,调整样式

按照自己需求调整样式,发布文章,推送即可访问

一些注意事项和待优化之处

1, hexo文章更新到github之后,md源码也需要另行保存,一般是保存在博客repo的save分支,一般迁移的话,保存下面几个文件就可以了
_config.yml
theme/
source/
scaffold/
package.json
.gitignore

2, 目前有在简书和github page同时发布文章,发布到简书的话需要单独上传图片文件,不能直接复制文本内容,图片统一用CDN可能会好点

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容