Hexo+GitHub Pages搭建个人博客

搭建过程

环境要求

博主使用系统:Windows10

本博客安装 Node 版本: nodejs12.18.2 LTS

安装: Git

搭建过程

1.安装 Hexo

$npm install hexo-cli -g

2.初始化博客

$hexo init blog

新建一个空文件夹,然后在空文件夹内打开windows PowerShell

一般在空白处右键单击就可以看到了,如果没有,点击文件-打开Windows PowerShell

至此,本地 blog 已经创建完成。

3.开始写博客

$ hexo new \\\"My New Post\\\"

更多命令信息: Writing

4.预览博客结果

本地 blog 已经搭建完成,如果想要预览。

$hexo generate # 生成静态网页
$hexo serve # 开启本地服务

关于 generate 命令的更多信息: Generating

关于 server 命令的更多信息: Server

更换博客主题

刚才生成的博客是默认的主题,你可以修改成自己觉得好看的主题。

  1. 可以在hexo官网查看自己喜欢的主题
  2. 通过git clone URL 将主题克隆到本地,把主题文件放到themes文件夹下。
  3. 修改 _config.yml 中的theme:xxx,xxx 改成 themes 文件夹下的主题名字

依次输入上面三个命令后,打开浏览器输入https://localhost:4000,即可。

发布博客到 github pages

首先你得有 github 账户,并且已经配置好 SSH 免密登录。

a.注册 github 账户到github 官网注册一个 github 账户

b.配置登录免密码移步 Git 之 SSH 与 HTTPS 免密码配置

c.创建 github 远程仓库在 github 上创建一个名为 xxx.github.io的仓库。(xxx 为自己的 github 用户名)

1.安装插件

不安装插件,会推送不出去。

$npm install hexo-deployer-git --save

2.配置 Hexo

即设置你要推送到的远端地址。修改 _comfig.yml,xxx 为你的用户名

deploy:
   type: git
   repo: git@github.com:xxx/xxx.github.io.git
   branch: master

修改你的仓库地址。

# URL
url: https://github.com/yanggenjie/yanggenjie.github.io
root: /

如果你要把博客搭建到 Github Page

上面的repo地址就写你 Github 仓库的 SSH 地址,

url 就写仓库地址。

如果你要把博客搭建到 Gitee,

上面的 repo 地址就写你 Gitee 仓库的 SHH 地址

url 就写仓库地址。

3.推送服务器

$hexo deploy

关于 deploy 命令的更多信息:Deployment

4.查看结果

打开 xxx.github.io ,就能看到你的 blog 了。

域名绑定

如果你购买了自己的域名,想要把域名绑定到刚才生成的博客上,不想使用 xxx.github.io 这个域名。你可以在source文件夹下新建CNAME文件,无后缀,在里面写上你购买的域名,即可。

常用命令

# 创建一个新的文章
$hexo new \\\"文章名\\\"

# 清理多余文件
$hexo clean

# 生成静态文件
$hexo generate

# 启动一个本地服务器
$hexo server

# 推送到远端服务器,推送到远端需要设置配置文件和安装插件。
$hexo deploy

# 一条命令生成博客并且推送到远端。下面两条命令中任意一个都可以。
$hexo generate --deploy
$hexo deploy --generate

更多命令移步:官方文档

原创文章,作者:网络技术联盟站,如若转载,请注明出处:https://www.sudun.com/ask/49749.html

(0)
网络技术联盟站's avatar网络技术联盟站
上一篇 2024年5月11日 下午10:17
下一篇 2024年5月11日 下午10:19

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注