零基础学会用Github+Hexo搭建个人博客教程

本文详细介绍了如何在GitHub上建立个人博客,从注册账号、设置域名、搭建Hexo框架、配置主题到撰写第一篇博文的全过程。适合初学者快速上手。

既然是教程,那就得接地气。

那就开始动手吧!

第一步,建立Github博客域名

(建立域名就像给房子选个地址,弄个门牌号,告诉大家这里能找到你。)

  1. 打开->GitHub
    GitHub

  2. 注册

    • 依次输入username(用户名)、Email Address(邮箱)、Password(密码)
    • 然后点击Create an account(创建账户)
    • 直接按Continue(我因为免费所以用GitHub的域名的)
    • 最后按skip this step(跳过吧,当然你也可以认真填一下)
    • 然后去你的邮箱验证一下账号。

  3. 回到GitHub,在最上面的导航栏找到“+”这个符号,然后点击New repository(新建一个仓库)
    New repository

  4. 写入仓库名(Repository name)

    • Repository name需要是这样的:

    你的用户名.github.io(例如我的用户名是lisonzhao,那么我的就是:lisonzhao.github.io,搞错就没有用的嗯)

Repository name

  1. 然后create reposity(其它的先不管,有必要的时候我相信你会去了解的)
    create reposity

到此为止,你的域名就选好了!


第二步,搭好博客框架Hexo

(现在开始打地基造房子)

  1. 打开-> hexo官方中文文档
    官方文档写的很好,但是需要有耐心,按照他的步骤慢慢来。
    hexo官方中文文档

  2. 先下载好gitNode.js

  3. 在任意位置单击右键,选择“Git Bash Here”(默认Windows情况)
    打开Git bash

  4. 输入命令按回车键,安装hexo
    $ npm install -g hexo-cli
    显示bash

  5. 然后选择或创建一个文件夹(放个人站的内容,这里就是你的写作基地),然后在这个文件夹中任意位置右键打开“Git Bash Here”,输入命令后按回车键,初始化hexo。
    hexo init

  6. 完成后,文件夹是这样一个情景
    安装完成

第三步,配置hexo

  1. 打开_config.yml文件(建议使用下个sublime耍耍,用记事本打开也是没关系的)
    打开_config.yml文件

  2. 找到url和deploy标签:,填上这些内容(其它配置参照hexo官方文档)

    配置github

  3. 保存后,右键打开Git bash,输入命令并回车
    npm install hexo-deployer-git --save

到这里配置已经完成

  1. 在文件夹中右键打开Git bash,输入命令并回车
    (该指令以后会经常用到,作用是生成页面,可以简写为 hexo g
    hexo generate

  2. 输入指令
    (同样很重要的指令,作用是将本地博客提交到Github,可能需要输入Github的密码,可以简写为 hexo d)
    hexo deploy

  3. 在浏览器中输入http://你的用户名.github.io/(例如我的:lisonzhao.github.io),就能看到你的个人站诞生了!

第四步,使用NexT主题美化

(造好了房子,现在开始装潢

  • hexo可以用很多主题希望大家能选择一个自己喜欢的。我比较喜欢简单,所以选择NexT主题。

  • 使用->NexT官方教程根据你自己的偏好进行配置,请仔细阅读。
    尤其注意 _config.yml 配置文件,hexo和NexT中各有一个,要分清楚配置哪一个!
    hexo中的配置文件

NexT中的配置文件

第五步,开始写你的第1篇博文

(添置家具咯!)

  1. 新建一个文章
    $ hexo new "第1篇博文"

  2. 在source/_posts文件夹中找到“第1篇博文.md
    用记事本打开进行书写,推荐一个在线Markdown写作编辑平台,写完后进行保存。

  3. 回到个人站文件夹,右键打开Git Bash, 执行三个命令(以后每一次更新或者提交文章都需要执行这三个指令。)
    $ hexo clean (这个可以不用,遇到一些故障时,可以先用这个试一下。)
    $ hexo g
    $ hexo d

4.浏览器中输入http://你的用户名.github.io/,新的文章就会出现了


写教程比自己折腾要累很多,差不多就这样了,若有其他问题,请直接联系我哦!

关于 阿里云盘CLI。仿 Linux shell 文件处理命令的阿里云盘命令行客户端,支持JavaScript插件,支持同步备份功能,支持相册批量下载。 特色 多平台支持, 支持 Windows, macOS, linux(x86/x64/arm), android, iOS 等 阿里云盘多用户支持 支持备份盘,资源库无缝切换 下载网盘内文件, 支持多个文件或目录下载, 支持断点续传和单文件并行下载。支持软链接(符号链接)文件。 上传本地文件, 支持多个文件或目录上传,支持排除指定文件夹/文件(正则表达式)功能。支持软链接(符号链接)文件。 同步备份功能支持备份本地文件到云盘,备份云盘文件到本地,双向同步备份保持本地文件和网盘文件同步。常用于嵌入式或者NAS等设备,支持docker镜像部署。 命令和文件路径输入支持Tab键自动补全,路径支持通配符匹配模式 支持JavaScript插件,你可以按照自己的需要定制上传/下载中关键步骤的行为,最大程度满足自己的个性化需求 支持共享相册的相关操作,支持批量下载相册所有普通照片、实况照片文件到本地 支持多用户联合下载功能,对下载速度有极致追求的用户可以尝试使用该选项。详情请查看文档多用户联合下载 如果大家有打算开通阿里云盘VIP会员,可以使用阿里云盘APP扫描下面的优惠推荐码进行开通。 注意:您需要开通【三方应用权益包】,这样使用本程序下载才能加速,否则下载无法提速。 Windows不第二步打开aliyunpan命令行程序,任何云盘命令都有类似如下日志输出 如何登出和下线客户端 阿里云盘单账户最多只允许同时登录 10 台设备 当出现这个提示:你账号已超出最大登录设备数量,请先下线一台设备,然后重启本应用,才可以继续使用 说明你的账号登录客户端已经超过数量,你需要先登出其他客户端才能继续使用,如下所示
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值