哈喽大家好,我是咸鱼。 前段时间看到一个学弟写了篇用 Hexo 搭建博客的教程,心中沉寂已久的激情重新被点燃起来。(以前搞过一个个人网站,但是因为种种原因最后不了了之) 于是花了一天时间参考教程搭了个博客网站,我的博客网址是:https://xxxsalted.github.io/ 下面是相关教程。
哈喽大家好,我是咸鱼。最近看到一个学弟写了关于如何使用Hexo搭建博客的教程,这让我重新燃起了搭建个人博客的激情(之前因为各种原因放弃了一个个人网站的搭建)。
以下是我用Hexo搭建的博客网址: https://xxxsalted.github.io/
下面是相关教程。
在搭建个人博客之前,我们需要先准备好环境。首先是准备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/
Node.js是一个JavaScript运行环境,使得我们的JavaScript代码可以在浏览器之外运行。下载并安装Node.js: http://nodejs.cn/download/
安装完Git和Node.js后,按下Win+R键,输入cmd。在弹出的命令提示符窗口中输入以下命令来检验是否安装成功。
git --version
npm version
由于npm下载速度较慢,我们需要换成国内下载源并使用cnpm管理Node.js。
npm install -g cnpm --registry=https://registry.npmmirror.com
接下来,我们需要安装Hexo,在命令提示符窗口中输入以下命令:
cnpm install -g hexo
在任意位置创建一个新文件夹,用于存储网站的静态文件。例如,我的新建文件夹路径如下:E:\myblog。然后,右键点击打开Git Bash Here,并输入以下命令:
# 初始化hexo
hexo init
# 生成网页文件
hexo generate
# 部署到本地上
hexo server
如果在执行命令时出现权限问题,可以参考以下文章解决: https://www.cnblogs.com/yinxiangzhenlihai/p/15936518.html
接着,我们需要验证博客是否搭建成功: http://localhost:4000/
如果需要停止运行,可以在Git Bash窗口中执行Ctrl+C命令。
至此,我们的个人博客搭建已经完成了一半!
登录Github,在Github中新建一个仓库。
注意 : Repository name一定要按照要求填写,其他的默认即可。
为了方便本地与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中。
现在,我们可以将博客正式部署到Github。进入创建的博客文件夹,找到配置文件_config.yml。
部署路径部分:
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。
至此,我们的博客搭建成功了!
小编推荐阅读