# 前言

本篇将会从服务器的选择与设置，到 ShokaX 主题的安装与配置，再到部署到 Github 上生成静态页面获取免费的域名进行访问 (如果你有多币种的信用卡，那么或许可以做到 0 花费)

# 目前尚未解决的问题

Blog 部署到 Github 上用 github.io 访问本站无法使用 Algolia 提供的站内搜索，考虑使用 Github Action 完成 Algolia 数据上传 (GitHub Action：Algolia Docsearch Indexer)
尚未设置评论系统，shokaX 支持 twikoo (一个简洁、安全、免费的静态网站评论系统

# 创建时间: 2021/11/21 Nanami's Blog 初次创建

更新
本站已经由 shoka 更新至 shokaX (shoka 的二次开发版本), 拥有更简化的操作，更好的长文章性能，更改了大量难以访问的 CDN 链接等等

# ShokaX 作者: Kaitaku's blog

望月阁

一个萌新的学习笔记

# 服务器的购买与设置

服务器目前我已知的有三家可以选择：

阿里云
腾讯云
华为云

阿里云

因为博主用的是阿里云的服务器，所以下面的步骤以阿里云服务器来做演示，但服务器操作基本相同，其他平台也可参考。

服务器种类选择

轻量应用服务器
这里因为服务器只用于搭建博客，所以选择轻量应用服务器已经十分够用了。
因为博主是新人用户，并且在双十一活动期间购买的价格还是很实惠的，还没购买服务器的小伙伴也可以看看这个服务器。

系统选择

服务器购买时可以选择：
应用镜像
系统镜像
自定义镜像
这里我们选择系统镜像中的 Ubuntu20.04

# 部署 Hexo 静态博客框架

在服务器控制台 (控制台在阿里云主页面右上角：我的阿里云 —— 产品 —— 轻量应用服务器：控制台处进入) 右上角区域点击远程连接对服务器进行操作
在输入指令之前，请先在服务器控制台左侧：快照 —— 创建系统盘快照对服务器进行备份
按照顺序依次输入并等待即可 (第 6 行代码执行之后命令框不会有任何反应，是正常现象，继续向下输入即可)

命令行提示符

		sudo apt update
		sudo apt install npm -y
		curl -fsSL https://deb.nodesource.com/setup_lts.x \| sudo -E bash -
		sudo apt install nodejs -y
		sudo apt autoremove -y
		npm config set registry https://registry.npm.taobao.org
		sudo npm i hexo-cli -g
		hexo init blog
		cd blog
		npm i
		hexo server

快捷键 Ctrl + C 中断 hexo server
在服务器控制台左侧：防火墙 —— 添加规则 —— 端口范围中填写 4000 (其他选项不需要动)—— 备注随意
在服务器控制台左侧：远程连接 —— 设置密码中设置服务器密码 ps：密码必须记住，后面使用 Vscode-SSH 远程操控需要用到

# Vscode-SSH 远程连接服务器

# Vscode 下载与安装

进入 Vscode 官网：Vscode (点击跳转 Vscode 官网)—— 点击 Download for windows 即可下载
选择你要安装的位置，安装选项均默认即可
安装完毕后打开 Vscode

# Vscode 插件安装

第一次打开 Vscode 会自动弹出安装中文 (简体) 语言包扩展，如果未弹出，在左侧扩展 —— 搜索栏输入 Chinese—— 进入搜索结果第一个点击安装即可
在扩展搜索栏输入 Remote SSH 进行安装

# SSH 插件设置

安装完毕后在 Vscode 左侧点击远程资源管理器 —— 在 SSH Targets 点击加号 + —— 输入ssh root@你的服务器公网 IP
++ 输入成功后会弹出 Select SSH configuration file to update，选第一个选项即可
选择完毕后右下角弹出 Host added，选择 connect 连接 ++
左侧 SSH TARGETS 中会出现你的公网 IP，点击 Connect to Host in New Windows (文件夹符号)，打开新窗口后选择 Linux
设置完毕后上方会弹出 Enter your password，输入前面设置的服务器密码后按回车即可远程连接到服务器
连接成功后会出现选择文件夹，这里选择 home/admin/blog 进入之前设置好的 blog 文件夹
最后进入左侧资源编辑器进行编辑即可

# Hexo 主题的选择与安装

# 安装 Git

在 Vscode (blog 文件夹下) 终端输入

命令提示符

sudo apt-get install git

# 主题选择

进入 Hexo 官网：Hexo (点击跳转 Hexo 中文官网)—— 点击上方主题
选择一款自己喜欢的且可以进入页面的主题
这里博主用的主题名字是 Shoka，下面操作以该主题为例。

# 主题安装

在选择的主题网站中找到主题安装相关的文章
Shoka 主题作者戳下方
望月阁
一个萌新的学习笔记

QVQ

如遇主题安装和调试过程中的问题请在这篇文章下方留言，博主看到了都会一一回复

# 将 Hexo 部署到 GitHub

# 注册 GitHub 账户

进入 GitHub 官网：GitHub (点击跳转 GitHub 官网) (进不去网站的小伙伴请自行准备梯子)
没有 GitHub 账户的小伙伴需要先注册一个 GitHub 的账号

# 创建 GitHub 个人仓库

注册完毕并成功登录后，在官网主页右上角点击头像左侧的加号 +——New repository 创建个人仓库
创建一个和你 GitHub 用户名相同的仓库，后面加.github.io
博主这里已经创建过了，点击 create repository 即可

# 生成 SSH 添加到 GitHub

在终端生成 SSH 添加到 GitHub

命令提示符

		git config --global user.name "yourname"
		git config --global user.email "youremail"
		git config user.name
		git config user.email
		ssh-keygen -t rsa -C "youremail"

输入完毕后会生成一个文件：id_rsa.pub，打开并复制其中的内容
在 GitHub 官网右上角点击头像 —— 点击 ettings—— 点击 SSH and GPG keys—— 点击右上方 New SSH key——Title 随意 —— 将复制好的内容填进 Key 一栏中

命令提示符

ssh -T git@github.com

# 配置文件

打开站点配置文件_config.yml，找到 deploy 一栏更改为

	deploy:
	type: git
	repo: https://github.com/YourgithubName/YourgithubName.github.io.git
	branch: master

repo 一栏中的网址在 GitHub 官网主页右上角 —— 点击头像 —— 点击 your profile—— 点击 yourname.github.io 进入查看 Html 或 SSH，这里建议使用 SSH

# 部署上传

在终端输入指令安装 deploy-git

命令提示符

npm install hexo-deployer-git --save

在终端输入部署指令 (这里建议备份提前备份，如果部署过程中出现错误可以回滚)

命令提示符

		hexo clean
		hexo generate
		hexo deploy

上传完毕后就可以在 ++http://yourname.github.io++ 这个网站看到你的博客了

# 利用 pm2 接管 hexo 进程

# 安装 pm2

命令提示符

npm  install -g pm2

# 写执行脚本文件

在博客根目录下建立一个 hexo_run.js

	//run
	const { exec } = require('child_process')
	exec('hexo server',(error, stdout, stderr) => {
	if(error){
	console.log('exec error: ${error}')
	return
	}
	console.log('stdout: ${stdout}');
	console.log('stderr: ${stderr}');
	})

# 运行脚本

命令提示符

pm2 start hexo_run.js

# 前言

# 目前尚未解决的问题

# 创建时间: 2021/11/21 Nanami's Blog 初次创建

# ShokaX 作者: Kaitaku's blog

# 服务器的购买与设置

# 部署 Hexo 静态博客框架

# Vscode-SSH 远程连接服务器

# Vscode 下载与安装

# Vscode 插件安装

# SSH 插件设置

# Hexo 主题的选择与安装

# 安装 Git

# 主题选择

# 主题安装

# 将 Hexo 部署到 GitHub

# 注册 GitHub 账户

# 创建 GitHub 个人仓库

# 生成 SSH 添加到 GitHub

# 配置文件

# 部署上传

# 利用 pm2 接管 hexo 进程

# 安装 pm2

# 写执行脚本文件

# 运行脚本

Udemy-Css笔记