胡萝虎的博客

  • 首页
  • AI
  • Apple
  • NAS
  • 科普
  • 资讯
山不向我走来,我便向山走去。
  1. 首页
  2. 科普
  3. 正文

在github上搭建hexo博客教程

2018年4月11日 33点热度 0人点赞 0条评论

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。Hexo相对于wordpress更加轻量,且不需要数据库,比较适合没有服务器的爱好者。以下是我自己实际安装部署的过程,分享给大家。
Github Pages可以被认为是用户编写的、托管在github上的静态网页。

安装git

git下载,大家根据自己的系统下载相应安装包安装即可,这里就不详细介绍了。

git教程,如果不熟悉git,可以先简单看下教程。

安装Node.js

Hexo基于Node.js开发,因此开始Hexo之前还需要先安装Node.js,大家到这个地址下载相应版本安装即可,不再赘述。Linux用户建议使用nvm安装,Mac用户建议使用Homebrew安装。

安装hexo

准备完git和Node.js后,可以正式开始Hexo了。

  • 首先安装Hexo:
$ npm install -g hexo

-g 表示全局安装。

  • 初始化Hexo
$ cd ~/workspace
$ hexo init hexo-blog

到工作目录(可以按自己情况确定),然后初始化hexo,hexo-blog 是项目的名称,自由确定。
此时,已经在workspace目录下生成了一个新的工程:hexo-blog。
工程结构如下:
mage-20180411142600

  • 启动Hexo
    $ npm install
    $ hexo generate
    $ hexo server
    

    然后在浏览器中输入:localhost:4000 即可进行访问。

部署到Github

  1. 申请Github账号,这个就不介绍了
  2. 创建repsoitory
    • 在你的Github主页,点击New repository 按钮

    mage-20180411143202

     

    • 设置Repository

    mage-20180411143352

    注意: Repository name一定要是你的github账号的ID加上github.io,否则不会生效。此处我的github账号ID为fooololo,所以Repository name为fooololo.github.io

    mage-20180411143614

    Description随便填,勾选Public,然后点击Create repsository按钮即可。

  3. 生成SSH key
    $ cd ~/.ssh
    $ ssh-keygen -t rsa -C "[email protected]"
    

    然后一路回车,这时候会在~/.ssh目录下生成id_rsa和id_rsa.pub两个文件,前者是私钥,后者是公钥。

  4. 将公钥添加到Github
    • 到Github的settings页面->SSH and GPC keys

    mage-20180411150751

    • 创建新的SSH keytitle任意填,key的内容就是前面生成的公钥文件中的内容,拷过来直接粘贴就好。
  5. 配置Hexo在工程的根目录下找到_config.yml,找到deploy项,编辑如下:
    deploy:
      type: git
      repo: https://github.com/xxx/xxx.github.io.git
      branch: master
      message: deploy
    

    type设置为git

    repo设置为上面创建的Repository的地址

    branch设置为master

    message可以随便填或忽略

  6. 安装deploy扩展接下来安装部署扩展,帮助我们在生成静态页面后自动部署到Github(或其他托管服务)
    $ cd ~/workspace/hexo-blog
    $ npm install hexo-deploy-git --save
    
  7. 生成并部署博客现在终于可以发布博客了,执行以下命令
    $ cd ~/workspace/hexo-blog
    $ hexo generate
    $ hexo deploy
    

    如果不报错,就OK了,这时候在浏览器中输入http://xxx.github.io(xxx为你的Github账号ID),就可以访问到你的博客了。

    我使用的是Anisina主题,效果如下:

    mage-20180413131142

 

mage-20180413131224

HELIB_QRCODE
标签: hexo
最后更新:2023年5月4日

诺多

这个作者不懒,他正在学习新知识~

点赞
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复
搜索
文章目录
  • 安装git
  • 安装Node.js
  • 安装hexo
  • 部署到Github
最新 热点 随机
最新 热点 随机
把家里的书全搬进Apple Books!简单教程来袭! 有了这个小程序,微信提现再也不用花手续费了 iPhone X:创新与争议并存的智能手机 不用再找了,4款跨平台ChatGPT客户端全部奉上 玩出新花样:使用快捷指令将Siri替换成ChatGPT
建站神器:使用Cloudflare实现Wordpress全站CDN支付宝解绑银行卡完整教程老实程序员为土耳其软件公司打工3年,105.8万元工资全被罚!我若拿出这款炸裂神器,阁下又当如何应对!WPS中插入视频完整教程
使用Freemarker生成XML报文 Word中更新文档目录的两种方法 珠联璧合:使用Bitwarden+DuckDuckGo实现匿名邮箱生成器 NAS必备:使用Docker安装导航页应用Homarr 如何解决网站Access Denied错误
分类目录
  • NAS
  • AI
  • Apple
  • Linux
  • Windows
  • 科普
  • 编程
  • 资讯
  • 未分类
归档
  • 2023年10月
  • 2023年9月
  • 2023年8月
  • 2023年7月
  • 2023年5月
  • 2022年12月
  • 2022年11月
  • 2022年8月
  • 2022年4月
  • 2022年3月
  • 2022年2月
  • 2022年1月
  • 2021年11月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年2月
  • 2021年1月
  • 2018年4月

COPYRIGHT © 2023 胡萝虎的博客. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

浙ICP备2021001611号