Hexo+GitHub快速搭建博客

Hexo 是一个快速、简洁且高效的博客框架。事实上,你也可以选择上官网看教程。利用GitHub+Hexo我们可以快速搭建一个个人博客网站。以下是使用教程。

一. 安装Hexo

  据说windows下极易安装失败,但是我的win10并没有出现什么问题。所以我不知道你们会出现什么问题我也不会解决。
  如果你的系统里已经安装过Node.js和Git的话,安装Hexo会是一件再简单不过的事情。如果没有安装过的话,请自行百度教程。然后再继续本篇内容。
  打开git bash,然后运行npm install -g hexo-cli。然后就安装完成了。

二. 在GitHub上建立项目

在GitHub上建立一个空的repo,名称是[你的用户名.github.io],比如wenchuyang.github.io。

三. 配置Hexo

是的安装完成之后你需要配置它,依旧用命令行。
1. 进入一个安全并且你能找得到的目录,比如cd ~/Desktop
2. 执行以下命令

hexo init <folder>  //folder是你自己的文件夹名称,比如hexo init myBlog
cd <folder>
npm install  //或者简写为 npm i 
  1. 您可以在_config.yml文件中修改大部分的配置。运行start _config.yml打开该文件,各参数如下。你需要把文件最后一行的type改成type: git,最后一行的后边新增一行,左边与type平齐,加上一行repo: 仓库地址(请将仓库地址改为「你的用户名.github.io」对应的仓库地址)。注意格式。其它请按照你自己的需求更改。

  2. 安装git部署插件。npm install hexo-deployer-git --save

  3. 部署网站。hexo deploy

四. 写下你的第一篇blog

  1. hexo new 我的第一篇博客
  2. 复制显示的路径,使用start 路径来编辑它(windows给你显示的路径用的是”\”,你需要手动将其改成”/”才能进入目录。[微笑])
  3. hexo generate
  4. hexo deploy

五. 切换主题

我猜你一定不会喜欢它默认的主题,当然如果你无所谓的话请忽略这一步。

  1. Hexo主题合集,找一个你喜欢的主题,进入主题的GitHub首页。
  2. 复制它的SSH地址,假设地址是git@github.com:iissnan/hexo-theme-next.git
  3. cd themes进入themes文件夹。
  4. git clone git@github.com:iissnan/hexo-theme-next.git将项目克隆到你的本地themes文件夹
  5. 5.
cd .. //退回到上层文件夹
start _config.yml //打开配置文件,将 _config.yml 的第 75 行改为 theme: hexo-theme-next,保存
hexo generate
hexo deploy
  1. 等一分钟,然后刷新你的博客页面。

六. 上传源码

上边我们建的仓库保存的只是你的博客页面,并没有保存源码。所以如果你误删了这个本地的文件夹…..嗯,为了防止你手抖做出什么可怕的事情,我们需要在GitHub上继续新建一个项目,用来保存生成博客的源码。

  1. 在GitHub上创建blog-generator空仓库
  2. 初始化空仓库,GitHub上有详细的步骤,一步一步来即可。不多说了。
    温馨提示:你现在所在的目录应该是你的博客目录比如我的是myBlog,push到远程仓库的时候事实上你是将myBlog这整个的文件夹push上去。
  3. 以后每次hexo deploy之后博客就会更新,然后你记着add/commit/push将blog-generator同步更新就好了。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值