使用Hexo和Github Pages快速搭建个人博客

在编程路上,每天都在网上查看别人的博客,大牛的文章写得通俗易懂,同时博客网站也非常华丽。作为出入编程的一枚小白也想拥有这样一个自己的网站。那就立马去买一个域名了,在网上找教程来搭建。
搭建的过程还算比较顺利,没有遇到多大的问题,虽然这篇博客的内容也是从别人的博客东粘西补过来的,为什么要东粘西补呢,因为光照着一篇博客并不能顺利搭建,还需要其他博客来补充。
本博客的最大好处是只要阅读这一篇博客就能解决问题,这里找出了我踩过的雷坑,方便大家畅通无阻的搭建。

原材料

  • 域名(自行购买)
  • node.js(官网下载
  • git(官网下载
  • hexo。
    方法:git安装完成后,在桌面右键,点击Git Bash Here,输入npm命令

    npm install hexo-cli -g
    npm install hexo-deployer-git --save

    第一句是安装hexo,第二句是安装hexo部署到git page的deployer。

本地搭建Hexo静态博客

  • 创建Hexo文件夹
    自己挑选一个目录建立一个文件夹(E:\MyBlog),进入MyBlog文件夹下,右键点击Git Bash Here,进入Git命令框,执行以下操作,生成hexo模板

    hexo init
  • 本地查看效果
    执行下面语句,执行完即可登录localhost:4000查看效果

    hexo generate
    hexo server

    也可以使用简写

    hexo g -s

    本地博客以及搭建起来,接下来需要把本地的博客发布到服务器上。

将博客部署到Github Page上

一、创建项目代码库

Github Pages是寄存在Github上面的,即需要在Github上创建一个新的项目。
登录自己的Github账户,点击New repository,需要注意的是填写Repository name时,名字的格式必须为xxx.github.io
xxx为自己的github的用户名,比如我的github名为ghq120,所以创建仓库名为ghq120.github.io

二、配置SSH密钥

配置Github的SSH密钥可以让本地git项目与远程的github建立联系,让我们在本地写了代码之后直接通过git操作就可以实现本地代码库与Github代码库同步。

生成及配置SSH不多做说明,丢出一个连接
SSH连接GitHub、GitHub配置ssh key
简单来说就是生成一个SSH密钥,然后在GitHub中添加密钥。
配置完成后,可以在git窗口中输入可查看是否设置成功

$ ssh -T [email protected]

显示如下即成功

三、将本地的Hexo文件更新到Github的库中

打开MyBlog文件夹下 _config.yml文件,找到deploy关键字,改如下配置

deploy:
  type: git
  repository: [email protected]:ghq120/ghq120.github.io.git
  branch: master

repository的内容将 ghq120 替换为自己的用户名
在MyBlog文件夹下执行:

$ hexo g -d

执行完输入github的账号密码,完成后可在浏览器输入https://gh120.github.io/ 访问博客。

若出现 ERROR Deployer not found: git错误说明deployer没有安装成功,将如下命令再安装一次即可:

npm install hexo-deployer-git --save

GitHub Page绑定自己的域名

一、CNAME文件

在source文件夹中新建一个CNAME文件(无后缀名),然后用文本编辑器打开,在首行添加你的网站域名,如

mipha.top

注意前面没有http://,也没有www,然后使用hexo g -d上传部署。

二、配置DNS

本人的域名是在阿里云买的,解析配置DNS使用的是DNSPOD 。
在配置页面加入这两条记录
其中记录值处的内容是ping你的ghq120.github.io域名,得到一个IP

因为是在DNSPOD处解析域名,所以需要在阿里云域名管理台处修改DNS如下

f1g1ns1.dnspod.net
f1g1ns2.dnspod.net

三、等待生效

等10分钟解析生效后就可以通过在浏览器中输入自己的域名来访问GitHub Pages博客。

原文地址:https://www.cnblogs.com/ghq120/p/9127482.html

时间: 2024-08-11 18:17:17

使用Hexo和Github Pages快速搭建个人博客的相关文章

Github Pages+Gridea搭建个人博客

1 概述 Github Pages可以用来托管个人网站,静态的,便于用来实现博客,可以在一个仓库的settings中开启:Gridea是一个静态博客写作客户端,所有文件都在本地,没有数据库,实现简单,支持Markdown.好了不多说开始动手. 2 准备工作 一个Gthub账号 一个Github Pages的仓库 一个Gridea客户端(支持Mac,Windows,Linux) (可选)一个域名 3 Github Pages 仓库名是: 用户名.github.io 需要公开仓库与一个REDAME文

DigitalOcean上使用Tornado+MongoDB+Nginx+Supervisor+DnsPod快速搭建个人博客

DigitalOcean 之前买了个便宜的VPS并且在上面搭建了我自己写的博客程序,后来VPS里运行MongoDB经常自己挂掉就索性没理了.直到现在VPS已经过期,服务器被强制关掉了.周末在家索性想着把这个博客程序重新搭建起来. 选择Linode还是云主机(阿里云等等)?阿里云貌似有些贵,而且还有一堆备案的流程.Linode最近推出SSD服务,20刀/月的价格,加量不加价,很是吸引人.但无奈还是花的有些心疼.忽然另外一个VPS服务DigitalOcean(链接含refcode喔)被我无意发现.D

小内存VPS安装Caddy+PHP7+Sqlite3环境,并快速搭建Typecho博客

咱们普通搭建博客的方式就是使用lnmp.lamp等一键包,或者宝塔等面板来搭建Web环境,但是都只适合大点内存的云主机服务器,小点的譬如96M.128M服务器就不可了,这时候咱们便可以通过部署别的环境来搭建站点环境了,这里伏笔VPS就说下Caddy+PHP7+Sqlite3部署教程,3分钟便可以搭建一个Typecho博客,并成功执行在96M的云主机服务器上,至于96M以下的服务器就意外试了,究竟很少见了. 部署 教程只写Debian 8.9,提议挑选mini版.如果你是96M或者128M的KVM

巨杉Tech | 十分钟快速搭建 Wordpress 博客系统

介绍很多互联网应用程序开发人员第一个接触到的网站项目就是博客系统.而全球使用最广的Wordpress常常被用户用来快速搭建个人博客网站.默认情况下,Wordpress一般在后台使用MySQL关系型数据库存储所有的博文及回复.本文将展示如何使用 SequoiaDB 巨杉分布式数据库替换MySQL,成为Wordpress博客系统的后台关系型数据库. 通过阅读本文,用户可以了解到如何使用SequoiaDB巨杉数据库的MySQL实例无缝替换标准MySQL数据库.SequoiaDB巨杉数据库允许用户在不更

Hexo+Github/Coding免费搭建个人博客网站

体验更优排版请移步原文:http://vblog.win/blogs/other/hexo-github-build-blog.html 很早之前就想搭建一个属于自己的博客网站,一方面是给自己做笔记,把平时遇到的问题和解决问题的方式方法记录下来,顺便提升自己的表达能力.总结能力:另一方面,个人博客就像是自己在网络世界中的一个小家,一个完全属于自己的空间,你可以在这里尽情发挥,别人可以通过它来了解你.前段时间偶然间发现了Hexo,看了两天官方文档,参考网上教程,搭建了自己的个人网站:http://

使用github pages 创建独立的博客(转载)

?Github很好的将代码和社区联系在了一起,于是发生了很多有趣的事情,世界也因为他美好了一点点.Github作为现在最流行的代码仓库,已经得到很多大公司和项目的青睐,比如jQuery.Twitter等.为使项目更方便的被人理解,介绍页面少不了,甚至会需要完整的文档站,Github替你想到了这一点,他提供了Github Pages的服务,不仅可以方便的为项目建立介绍站点,也可以用来建立个人博客. Github Pages有以下几个优点: 轻量级的博客系统,没有麻烦的配置 使用标记语言,比如Mar

用docker快速搭建wordpress博客

WordPress是一个非常著名的PHP编写的博客平台,发展到目前为止已经形成了一个庞大的网站平台系统.在WP上有规模庞大的插件和主题,可以帮助我们快速建立一个博客甚至网站. 在Windows上可以非常方便的安装WordPress,因为IIS上集成了WordPress的一键安装包.而在Linux上安装WordPress就比较复杂了,我们需要配置PHP环境.Apache或者Nginx服务器.MySQL数据库以及各种权限和访问问题.所以在Linux上最好的办法就是使用Docker来安装WordPre

Hexo快速搭建静态博客并实现远程VPS自动部署

这篇文章将如何搭建hexo,以及如何通过git webhooks实现远程vps的自动部署 这篇文件适合的条件: 简单的用于个人博客.公司博客展示,hexo的定位是静态博客,要实现动态服务器的功能并不适合 有自己私有的服务器.vps.域名 git仓库,Github或国内的Coding.net hexo本地部署 流程:先在本机搭建好hexo环境,push到git仓库,再部署到服务器上. 第一步,安装hexo命令行工具,这个工具在服务器端也需要执行安装 1 npm install hexo-cli -

快速搭建WordPress博客

博主在看了朋友的博客后 决定也搭建一个wordPress 博客 思路 1.购买服务器 2.Cenots环境配置 3.安装wordpress 工具 推荐使用 Xshell 6,当然也可以用其他 服务器推荐 腾讯云学生套餐(24岁以下免学生验证,10块一个月): https://cloud.tencent.com/act/campus 华为云学生套餐(24岁以下免学生验证,9块一个月): https://developer.huaweicloud.com/campus ps: 需要注意一下:以上学生