(一)Github + Hexo 搭建个人博客超详细教程

本文首次发布于我的博客:www.muyiio.com

前言

  • 作为一名计算机爱好者,摸索了一周搭建出自己的博客。目前只学 习了c语言,没有任何前端知识和网站开发经验,总的来说,算不上很难, 但也要费些心思。网上各类教程应有尽有,只要肯摸索,还是水到渠成的事。另外,写下这篇文章,记录下自己的经验,给需要的朋友,祝你早日拥有自己的博客!

  • 搭建博客的初衷是希望用博客记录下自己的学习过程,帮助自己复习,分享一部分不成熟的思考,敦促自己把既定的目标完成。

  • 为什么要搭建自己的博客?可以看看这三篇文章:

《为什么你应该(从现在开始就)写博客》 (By 刘未鹏 | Mind Hacks)

《为什么要自建博客?》 (By 知乎)

《我为什么写博客》 (By 知明所以)

我们需要知道搭建博客要用到的框架。Hexo是高效的静态站点生成框架,它基于Node.js。我们使用MarkDown在本地编辑我们的博客文章,通过Hexo生成静态页面,再用两条命令即可部署到我们的网站。无需关心网页源代码的具体细节,我们只需要用心写好自己的博客内容就行。

本文目录

  • 快速搭建
  • 安装Node.js
  • 添加国内镜像
  • 安装Git
  • 注册Github账号
  • 创建Git仓库
  • 安装Hexo
  • 配置本地Hexo
  • 连接Github与本地
  • 写文章、发布文章
  • MarkDown文章编辑器说明
  • 配置个性化域名
  • 更换自己喜欢的Hexo主题
  • 我的博客源代码
  • 结语

快速搭建

有的朋友可能不想去折腾,自定义主题也比较麻烦,亦或有尝试几次搭建却失败,那就可以看这部分。快速搭建可以帮助我们更快搭建出自己的博客,优点是别人博客有的东西你都有,就跟复制差不多;缺点是博客里的配置信息都是别人的,不过不要紧,稍稍改改配置就可以。

在这里以我的博客为例。

一、下载博客源代码

大家可以直接素质二连,Star&Fork我的博客源代码:https://github.com/MUYIio/Hexo-matery-Themes,这里我给出两种下载方法:

第一种:直接DownLoad,下载到本地就可以。

第二种:如果你已经安装了Git,就可以右键单击Come Bash Here运行 git clone git@github.com:MUYIio/Hexo-matery-Themes.git 将所有文件下载到本地,这个复杂一点。

二、修改博客文档配置

首先将我们下载的博客源代码解压,然后修改主要配置:

  • 根目录配置文件_config.yml和主题目录配置文件_config.yml中修改个人信息。
  • 根目录配置文件中修改deploy一栏的repository
  • 根目录配置文件中修改baidu_url_submit一栏的token
  • 主题配置文件中修改gitalk一栏,修改方法见正文。

我给出的是博客比较明显的几个地方,先修改这几个地方,其它的可以自己慢慢摸索修改。

最后一步,本地的运行环境还是需要搭建好的,跟着下文操作到连接Github与本地,环境就算是搭建完成。

本地环境搭建好之后会生成的文件:

然后直接把Hexo文件夹删掉,把我的源代码的Hexo文件夹移动过来:

就是这样了:

然后在Hexo文件夹下右键单击鼠标,点击 Git Bash Here点击输入以下命令上传就可以了:

hexo clean
hexo g
hexo d

安装Node.js

了解一下什么是Node.js

Node.js就是一个用于创建服务器端应用程序的运行系统,它可以轻松构建网络或其他事件驱动的应用程序服务器。

需要用到的命令:

$ git --version
$ node -v
$ npm -v

点击此处进入Node.js官网下载相应版本即可,安装时选项全部默认,一路点击Next

检验是否安装成功:
Win+R打开命令提示符,输入node -v

  • 14
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值