Hexo+GitHub搭建个人站点(新!)

看着身边的大佬们都有了自己的博客,很是羡慕。其实在哪个平台写博客都一样,但是自己搭建的站点自由度更高,说出去装的一手好(bi)-_-

我搭建好的成品:

aotu的博客

这里写图片描述

=========================================
自己也百度了几种方式,不外乎用云服务器和有Github两种(鄙人知识有限)。两种方式没有好坏,看自己适合哪种了。
1. 腾讯云服务器+WordPress
这种方式搭建废了九牛二虎之力,虽然成功了,但是觉得并不好用,云服务器对于学生狗来说还是贵贵的

这里写图片描述

大佬可以忽略这点,如果有兴趣的话可以看看
在云端快速构建一个WordPress个人站点
我这里主要说一下下面的方式
2. Hexo+GitHub

  • 注册GitHub账户
    登陆到GitHub官网进行注册
    这里写图片描述
    这里写图片描述
    注册教程
    注册完毕登陆进去,新建一个和账户同名的仓库
    注意:这里的名字(yourname)替换为你的账户名,我的账户名为aotuzhao,那么名字为aotuzhao.github.io
    这里写图片描述
    我的建好如下图

这里写图片描述
下一步进入Settings:

这里写图片描述
下拉到GitHub Pages
这里写图片描述
等待几分钟,出现上图情况就可以进行访问了!

  • 安装Node.js环境

    1. 下载node.js安装
      Windows Installer 32-bit
      Windows Installer 64-bit

    2. 安装,默认设置即可
      这里写图片描述

    3. 在cmd中查看是否成功
      这里写图片描述
  • 安装和配置Git(已经安装的跳过)
    Git官网下载
    Git安装过程和配置

  • Hexo安装和基本配置
    在合适的地方建立hexo文件夹,以我的为例:
    这里写图片描述
    进入文件夹后
    这里写图片描述
    等待执行完成,可能你会看到一个WARN,但是不用担心,这不会影响你的正常使用。 然后输入

npm install hexo --save

等待执行完成,继续执行

hexo -v

结果如下则安装完成
这里写图片描述
继续进行配置,依次执行

hexo init
npm install
hexo g

中间需要等待执行完成,最后提示
这里写图片描述
这时候就可以在浏览器地址栏输入“http://localhost:4000”进行本地访问了
这里写图片描述

  • Hexo与GitHub关联

    配置Git个人信息

    如果你之前已经配置好git个人信息,请跳过这一个 步骤,直接来到配置Deployment

    设置Git的user name和email(GitHub中的信息):(如果是第一次的话)

git config --global user.name "aotuzhao"
git config --global user.email "xxxxx@xxx.com"

配置Deployment

1、复制你的项目地址

这里写图片描述

2、在_config.yml文件中,找到Deployment,然后按照如下修改,地址粘贴为刚才复制的:

这里写图片描述

注意:因为ssh key 配置会出现错误,这里用简单的方式。不用 SSH的方式
- 编辑发布文章

hexo new post "article title"

这时候在我的 电脑的目录下 D:\hexo\source_posts 将会看到 article title.md 文件
这里写图片描述

用MarDown编辑器打开就可以编辑文章了。文章编辑好之后,运行生成、部署命令;

发布前需要安装一个git插件:

npm install hexo-deployer-git --save

执行完毕在进行发布

hexo d -g

这里写图片描述这时候在访问就会看到新添加的文章

  • 主题美化
    Android开发应该都比较喜欢Material design,所以我找了一个符合MD风格的主题,MD风格
    有兴趣可以自己看看,介绍的很详细。如果不喜欢,可以选择其他的
    官网主题
    不同主题的使用规则自己查看即可
不知不觉已经这么久了。喔。。突然想起明天要收的作业还没有写,

这里写图片描述

溜了溜了,老铁们,顶一波,我的地址:

aotu的博客

这里写图片描述
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

aotulive

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值