Hexo + GitHub Pages搭建个人技术博客

环境准备

  • 使用Hexo,需要在电脑中安装Nodejs和Git。

  • Node.js下载地址 点我

    安装界面如下,一路Next即可。

  • Git安装可以去百度,很多。

  • 最后检查是否安装成功,如下图

安装Hexo

  • 提示:进行下面的步骤时,由于国内的网络问题,有时候可能会很慢。有时候也会出现一些莫名其妙的坑。所以这个时候你可能需要npm换源 这个 感谢此文作者,感谢淘宝~~ 。你也可以先进行下面的步骤,出现问题再来看这个

  • 下面的步骤强烈建议在 Git Bash中进行,如果用CMD命令行会有很多意想不到的坑。

  1. 可以在任意盘符下建立文件夹 如 F:/hexo

  2. 进入该目录下,右键打开Git Bash

  3. 执行命令 npm install hexo-cli -g 安装hexo

  4. 执行命令 hexo init 进行初始化操作

  5. 执行命令 npm install

  6. 执行命令 hexo g 生成静态文件,此命令会在当前目录下生成一个public文件夹。此文件夹的内容后面会上传到github来作为我们博客的内容。

  7. 执行命令 hexo s 用来启动服务。这时候去浏览器输入 http://localhost:4000 就可以看到本地页面啦~。如下图

更换主题

  1. 你可能不太稀饭这个主题风格,可以下载其他风格~。你可以执行下面的命令下载另一个主题。

    $ hexo clean
    $ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    
    
  2. 要想使用此主题,还需要设置一下。修改Hexo目录下的 _config.yml 配置文件中的theme属性,将其设置为yilia。

    $ cd themes/yilia
    $ git pull
    $ hexo g # 生成页面
    $ hexo s # 启动本地服务
    
    

    现在打开 http://localhost:4000/ ,会看到我们已经应用了一个新的主题。

什么是Github Pages

  1. 每个Github都可以有一个仓库来放置个人主页,仓库的名称必须是youname/youname.github.io。这是一个特殊的命名约定。创建好仓库你可以通过http://username.github.io来访问你的个人主页。需要注意的是,你的内容需要放在master分支下面。

  2. 注册GitHub及使用Github Pages的过程百度有很多,不再赘述。

上传内容到Github Pages

  • 提示:上传之前需要安装一个扩展 npm install hexo-deployer-git --save
  1. 如果要把自己生成的网页内容上传到Github Pages,需要到前面我们生成的hexo文件夹下,找到配置文件 _config.xml 。做如下的修改

    deploy:
    type: git
    repo: git@github.com:xxxxx/xxxx.github.io.git
    branch: master
    
  2. 然后执行 hexo d 即为将内容部署到github上。期间你可以选择通过SSH的方式,也可以通过HTTPS的方式。区别就是输不输账号密码了,个人喜欢通过https的方式上传。(通过SSH KEY的方式需要去git bash和github配置,不会就百度吧,很多文章~)

  3. 部署成功后,可能会存在延迟,访问 https://xxxxx.github.io/ 就可以看到内容啦。

你还需要的东西

  • 通过上面的步骤,我们成功的将本地的静态页面上传到github并且能成功的访问了。兴奋ing~~ 但是我们只是学会了如何上传,而且只有一个hello文章。一个博客最重要的当然还是内容了。下面介绍如何给博客添加内容。
  1. 以下是上面用过的一些命令的解释

    1. hexo generate (hexo g) 生成静态文件,会在当前目录下生成一个新的叫做public的文件夹
    2. hexo server (hexo s) 启动本地web服务,用于博客的预览
    3. hexo deploy (hexo d) 部署播客到远端(比如github, heroku等平台)
  2. 下面是新建文章的相关命令

    $ hexo new "postName" #新建文章
    $ hexo new page "pageName" #新建页面
    
    $ hexo n == hexo new
    $ hexo g == hexo generate
    $ hexo s == hexo server
    $ hexo d == hexo deploy
    
    $ hexo d -g #生成部署
    $ hexo s -g #生成预览
    
    
  3. 新建的文章你可以在source文件夹下找到,然后~ 开始写作吧markdown语法可以参照 http://wowubuntu.com/markdown/

  4. 预览文章时,觉得长度过长。可以在你需要截断的地方加上 ****

  5. 最后,最好的文档还是官方的⊙0⊙ https://hexo.io/zh-cn/docs/

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

推荐阅读更多精彩内容