个人网站搭建教程

前言

❌ 问所有问题前请认真阅读本教程，若是本教程中未提到的漏洞，我会耐心解答，若是脑残问题请勿问，先自行百度

🚧 本文档处于施工期，若有大佬发现问题，欢迎前来讨论

准备

设备

一台电脑(毕竟文件需要电脑编辑，虽然手机也行，但麻烦)

资源

1.域名(可选)

域名这个东西说复杂算不算，但不复杂是假的，下面我会讲到

2.github pages(白嫖必备)

这个是github开放的网站代理环境，只要你把源码放上去，他就能展现在你浏览器上，并且在任何有网的地方都能访问(前提你没被github墙了)

2.vercel(第二白嫖)

和github pages一个性质，也是被墙不能访问

3.cloudflare(域名解析加速)

这个就是解决github pages和vercel被墙和访问慢问题的解决办法，弊端是要域名，不过cloudflare也有自己的papes环境

4.hexo(懒人必备)

Hexo 是一个快速、简洁且高效的博客框架。 Hexo 使用 Markdown （或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

准备工作·环境

Git

简介

这个是使用github pages环境必不可少的工具，用于上传和下载

安装

windwos篇

第一步 前往官网Git (git-scm.com)

第二步 选择自己电脑相应的配置安装

这里Standalone Installers是指安装包

Portable (“thumbdrive edition”)是指绿色安装

一般推荐使用Standalone Installers

32位和64位可以右键自己电脑图标，选择属性

我电脑是64位的，就下载64位的安装包

你问我安装步骤？

无脑Next就是

Linux篇

linux更简单

打开终端，直接用命令安装

# Ubuntu/Debian系(D系)
$ sudo apt-get update
$ sudo apt-get install git
# 途中暂停安装让你选择时直接回车就行

# Arch/manjaro(A系)
$ sudo pacman -S git
# 或者使用aru助手 
$ paru git
# yay git 也行

# Centos
$ sudo yum install git

配置

你安装完不代表成功了，如果你单纯只下载东西是可以不配置，但要是要上传东西就要配置，不然github不知道你是不是这个项目的主人

1.创建ssh

ssh-keygen -t rsa -C '你注册github的电子邮箱地址'
# 这里可以用git带的，也可以用cmd

2.复制公钥到你的github连接里

访问GitHub官网，选择设置

完成配置

到这就完成自己设备和github的连接

Hexo(可选)

简介

正如开篇所说，Hexo 是一个快速、简洁且高效的博客框架。 Hexo 使用 Markdown （或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

安装

windows篇

因为hexo基于nodejs开发环境，需要hexojs环境，所以我们需要安装hexojs

1.访问NodeJS官网

2.打开cmd，安装hexo

linux篇

还是那句话，linux因为有官方库，直接傻瓜式安装

1.安装nodejs环境和npm安装器(这里还安装是因为node和npm被分开了打包)

# D系
$ sudo apt-get install nodejs npm -y

# A系
$ sudo pacman -S nodejs npm
#也可以使用aru助手paru -S nodejs npm/yay -S nodejs npm

# Centos
$ sudo yum install nodejs npm

2.安装hexo,和windows一样

$ sudo npm -g install hexo-cli
$ heox -v

3.完成安装

普通部署

准备

1.在一个地方新建文件夹，或者在你的源码地址打开一个终端(cmd,termux)

2.新建一个README.md文件，里面可以编辑你想要在github源码上显示的东西

部署

1.打开github网页，新建一个库

2.填写库相关配置

3.开始推送源码到github

因为我们已经创建了README文件，所以从第二步开始

4.完成推送

部署github pages环境

完成配置

Hexo 部署

前言

这种方式就是模板导入，然后自己小改

适合懒得自己写架构的人入坑

开始

选择一个地方存储你的Hexo库，并用终端打开

比如这里，我放在桌面

$ pwd
Path
----
C:\Users\34156\Desktop

# 第一种是自己创建一个文件夹
windows: md <文件夹>
linux: mkdir <文件夹>

$ cd <文件夹>
$ hexo init

# 第二种就是hexo直接创建
$ hexo init hexo