个人网站搭建教程
前言
❌ 问所有问题前请认真阅读本教程,若是本教程中未提到的漏洞,我会耐心解答,若是脑残问题请勿问,先自行百度
🚧 本文档处于施工期,若有大佬发现问题,欢迎前来讨论
准备
设备
一台电脑(毕竟文件需要电脑编辑,虽然手机也行,但麻烦)
资源
1.域名(可选)
域名这个东西说复杂算不算,但不复杂是假的,下面我会讲到
2.github papes(白嫖必备)
这个是github开放的网站代理环境,只要你把源码放上去,他就能展现在你浏览器上,并且在任何有网的地方都能访问(前提你没被github墙了)
2.vercel(第二白嫖)
和github papes一个性质,也是被墙不能访问
3.cloudflare(域名解析加速)
这个就是解决github papes和vercel被墙和访问慢问题的解决办法,弊端是要域名,不过cloudflare也有自己的papes环境
4.hexo(懒人必备)
Hexo 是一个快速、简洁且高效的博客框架。 Hexo 使用 Markdown (或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
准备工作·环境
Git
简介
这个是使用github papres环境必不可少的工具,用于上传和下载
安装
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 papes环境
完成配置
Hexo 部署
前言
这种方式就是模板导入,然后自己小改
适合懒得自己写架构的人入坑
开始
选择一个地方存储你的Hexo库,并用终端打开
比如这里,我放在桌面
$ pwd
Path
----
C:\Users\34156\Desktop
# 第一种是自己创建一个文件夹
windows: md <文件夹>
linux: mkdir <文件夹>
$ cd <文件夹>
$ hexo init
# 第二种就是hexo直接创建
$ hexo init hexo