首页 > 教程 > 使用Hexo搭建个人博客

使用Hexo搭建个人博客

时间:2024-04-27 | 来源: | 阅读:120

话题: EXO

哈喽大家好,我是咸鱼。 前段时间看到一个学弟写了篇用 Hexo 搭建博客的教程,心中沉寂已久的激情重新被点燃起来。(以前搞过一个个人网站,但是因为种种原因最后不了了之) 于是花了一天时间参考教程搭了个博客网站,我的博客网址是:https://xxxsalted.github.io/ 下面是相关教程。

哈喽大家好,我是咸鱼。最近看到一个学弟写了关于如何使用Hexo搭建博客的教程,这让我重新燃起了搭建个人博客的激情(之前因为各种原因放弃了一个个人网站的搭建)。

以下是我用Hexo搭建的博客网址: https://xxxsalted.github.io/

下面是相关教程。

使用Hexo搭建个人博客

环境准备

在搭建个人博客之前,我们需要先准备好环境。首先是准备Github。作为全球最大的程序员社交网站之一,我们需要创建一个Github账号,官网地址: https://github.com 。然后,我们需要下载并安装Git,官网地址: https://git-scm.com/downloads 。如果访问速度较慢,可以使用以下地址进行下载: https://registry.npmmirror.com/binary.html?path=git-for-windows/v2.42.0.windows.2/

使用Hexo搭建个人博客

  • Node.js 准备

Node.js是一个JavaScript运行环境,使得我们的JavaScript代码可以在浏览器之外运行。下载并安装Node.js: http://nodejs.cn/download/

  • 环境配置

安装完Git和Node.js后,按下Win+R键,输入cmd。在弹出的命令提示符窗口中输入以下命令来检验是否安装成功。

git --version
npm version
  • 下载cnpm

由于npm下载速度较慢,我们需要换成国内下载源并使用cnpm管理Node.js。

npm install -g cnpm --registry=https://registry.npmmirror.com

使用Hexo搭建个人博客

初始化博客

接下来,我们需要安装Hexo,在命令提示符窗口中输入以下命令:

cnpm install -g hexo
  • 创建新文件夹

在任意位置创建一个新文件夹,用于存储网站的静态文件。例如,我的新建文件夹路径如下:E:\myblog。然后,右键点击打开Git Bash Here,并输入以下命令:

使用Hexo搭建个人博客

# 初始化hexo
hexo init

# 生成网页文件
hexo generate

# 部署到本地上
hexo server

如果在执行命令时出现权限问题,可以参考以下文章解决: https://www.cnblogs.com/yinxiangzhenlihai/p/15936518.html

接着,我们需要验证博客是否搭建成功: http://localhost:4000/

如果需要停止运行,可以在Git Bash窗口中执行Ctrl+C命令。

至此,我们的个人博客搭建已经完成了一半!

使用Hexo搭建个人博客

托管至GitHub

  • 仓库创建

登录Github,在Github中新建一个仓库。

使用Hexo搭建个人博客

注意 : Repository name一定要按照要求填写,其他的默认即可。

使用Hexo搭建个人博客

  • 设置免密登录

为了方便本地与Github通信,需要设置SSH免密登录。首先找到Github邮箱和用户名,然后在博客文件夹下右键点击打开Git Bash Here,并依次输入以下命令:

git config --global user.name "github 用户名"
git config --global user.email "github 邮箱"

然后检验:

git config user.name
git config user.email

接着,输入以下代码生成SSH文件:

cd ~/.ssh
ssh-keygen -t rsa -C "github 邮箱地址"

打开“用户”目录(C:\用户\用户名.ssh),找到id_rsa.pub文件,复制内容,将其添加到Github的SSH keys中。

使用Hexo搭建个人博客

使用Hexo搭建个人博客

使用Hexo搭建个人博客

部署博客

现在,我们可以将博客正式部署到Github。进入创建的博客文件夹,找到配置文件_config.yml。

使用Hexo搭建个人博客

部署路径部分:

deploy:
  type: git
  repo: 你的 git 仓库地址
  branch: master

网站相关部分:

# Site
title: Amoon's blog
subtitle: ''
description: ''
keywords:
author: Ammon
language: zh-CN
timezone: 'Asia/shanghai'

url:https://xxxsalted.github.io 
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
  trailing_index: true
  trailing_html: true

我们还需要安装一个插件,在Git Bash窗口中输入:

cnpm install hexo-deployer-git --save 

然后执行以下命令:

hexo clean 
hexo generate 
hexo deploy 

在生成静态文件后,可以使用hexo s命令生成本地hexo网站进行测试。如果没有问题,使用hexo d命令将其部署到Github。

至此,我们的博客搭建成功了!

推荐

最新好玩手游

更多

手游风云榜

更多

资讯阅读

更多


湘ICP备2022002427号-10 湘公网安备:43070202000427号
© 2013~2024 haote.com 好特网