利用Github Pages和Hexo搭建个人博客

2024-05-23 23:58

本文主要是介绍利用Github Pages和Hexo搭建个人博客,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Github Pages和Hexo介绍

Github PagesGithub 推出的一个福利。可以在上面构建个人页面。Hexo 就是一个快速、简洁且高效的博客框架(官网上是这么说的,hhh),并且支持一键部署到github。可以用它来构建自己的个人博客,当hexo遇到Github pages时,我们就不需要自己的一个服务器就可以搭建一个个人博客网站了。下面开始讲搭建过程。


创建自己的Github Pages

首先需要在Github上创建自己的静态页面。这个需要使用到Github Pages服务,需要有Github账号才行。如果没有账号的自行去官网注册一个。这里就不多说了。
如何创建自己的静态页面,总的来说就是(假设你使用过GitHub):

  1. 创建一个和Repository 并将其命名为 username.github.io其中 username 是你自己的github用户名。
  2. 在该Repository下创建静态页面(eg. index.html)
  3. 访问 username.github.io就可以见到你创建的静态页面了。(就是一个有Hello World字样的页面)

不过如果你没使用过GitHub的话,官网上也有详细的引导步骤。具体参考Github Pages上第二步中的 I don’t know 环节


使用Hexo建站

安装使用Hexo需要依赖到Nodejs,如果你还没有就赶紧去官网上下一个吧。参照官网的安装步骤,还是非常简单的。
安装完Nodejs后使用hexo就容易了。

安装Hexo

  1. 下载安装Nodejs
  2. 使用NPM安装Hexo
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

Hexo建站

这个其实在官网文档中已经说的很详细的了。大家可以参照文档中的去做。大致的步骤就是:

  1. 初始化目录hexo init <folder>,目录结构请参考官网说明
  2. 创建自己的博文hexo new [layout] <title>,参考写作
  3. 修改配置,生成页面并部署到GitHubhexo deploy,参考部署
    以上只是一个概括性的建站步骤,详细配置说明这些大家需要进入到官网文档中自行去了解。

选择主题

另外,Hexo有很多主题,大家可以挑选自己喜欢的主题配置上去。关于主题挑选可以参考下面这两个网站:

  • 有哪些好看的Hexo主题
  • Hexo官网列出的主题

我自己使用的是Next主题.该主题已经支持了比较多的特性,大家可以参考官方文档去选择配置自己需要的特性。比如有 阅读计数,分享功能,评论功能,文章搜索功能等。

推广

如果只是自己记录自己看的话,那么可以忽略这步了。建站后有的同学希望能推广自己的博客,希望能被搜索引擎收录自己的网站。那么就需要做如下的步骤了。这些都是我在建站的时候遇到的问题,也是参考的别人的解决方案做的。下面给出步骤:

  1. 绑定自己的域名,没有的话去整一个。参考github pages+阿里云域名绑定搭建个人博客
  2. 添加百度和谷歌收录。参考hexo提交搜索引擎(百度+谷歌)
  3. Hexo Next SEO 优化。 参考Hexo NexT 主题SEO优化指南
  4. 解决百度蜘蛛无法抓取GitHub的页面导致无法收到到百度的问题。参考百度无法爬取Github Pages静态网站解决方案

个人博客: Vioao’s Blog

这篇关于利用Github Pages和Hexo搭建个人博客的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/996787

相关文章

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

idea+spring boot创建项目的搭建全过程

《idea+springboot创建项目的搭建全过程》SpringBoot是Spring社区发布的一个开源项目,旨在帮助开发者快速并且更简单的构建项目,:本文主要介绍idea+springb... 目录一.idea四种搭建方式1.Javaidea命名规范2JavaWebTomcat的安装一.明确tomcat

在Ubuntu上打不开GitHub的完整解决方法

《在Ubuntu上打不开GitHub的完整解决方法》当你满心欢喜打开Ubuntu准备推送代码时,突然发现终端里的gitpush卡成狗,浏览器里的GitHub页面直接变成Whoathere!警告页面... 目录一、那些年我们遇到的"红色惊叹号"二、三大症状快速诊断症状1:浏览器直接无法访问症状2:终端操作异常

k8s搭建nfs共享存储实践

《k8s搭建nfs共享存储实践》本文介绍NFS服务端搭建与客户端配置,涵盖安装工具、目录设置及服务启动,随后讲解K8S中NFS动态存储部署,包括创建命名空间、ServiceAccount、RBAC权限... 目录1. NFS搭建1.1 部署NFS服务端1.1.1 下载nfs-utils和rpcbind1.1

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同

Linux搭建ftp服务器的步骤

《Linux搭建ftp服务器的步骤》本文给大家分享Linux搭建ftp服务器的步骤,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录ftp搭建1:下载vsftpd工具2:下载客户端工具3:进入配置文件目录vsftpd.conf配置文件4:

Java 与 LibreOffice 集成开发指南(环境搭建及代码示例)

《Java与LibreOffice集成开发指南(环境搭建及代码示例)》本文介绍Java与LibreOffice的集成方法,涵盖环境配置、API调用、文档转换、UNO桥接及REST接口等技术,提供... 目录1. 引言2. 环境搭建2.1 安装 LibreOffice2.2 配置 Java 开发环境2.3 配

在Linux系统上连接GitHub的方法步骤(适用2025年)

《在Linux系统上连接GitHub的方法步骤(适用2025年)》在2025年,使用Linux系统连接GitHub的推荐方式是通过SSH(SecureShell)协议进行身份验证,这种方式不仅安全,还... 目录步骤一:检查并安装 Git步骤二:生成 SSH 密钥步骤三:将 SSH 公钥添加到 github

Python极速搭建局域网文件共享服务器完整指南

《Python极速搭建局域网文件共享服务器完整指南》在办公室或家庭局域网中快速共享文件时,许多人会选择第三方工具或云存储服务,但这些方案往往存在隐私泄露风险或需要复杂配置,下面我们就来看看如何使用Py... 目录一、android基础版:HTTP文件共享的魔法命令1. 一行代码启动HTTP服务器2. 关键参