个人网站搭建教程

个人网站搭建教程
Jinghuashang个人网站搭建教程
前言
❌ 问所有问题前请认真阅读本教程,若是本教程中未提到的漏洞,我会耐心解答,若是脑残问题请勿问,先自行百度
🚧 本文档处于施工期,若有大佬发现问题,欢迎前来讨论
准备
设备
一台电脑(毕竟文件需要电脑编辑,虽然手机也行,但麻烦)
资源
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更简单
打开终端,直接用命令安装
1 | # Ubuntu/Debian系(D系) |
配置
你安装完不代表成功了,如果你单纯只下载东西是可以不配置,但要是要上传东西就要配置,不然github不知道你是不是这个项目的主人
1.创建ssh
1 | ssh-keygen -t rsa -C '你注册github的电子邮箱地址' |
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被分开了打包)
1 | # D系 |
2.安装hexo,和windows一样
1 | $ sudo npm -g install hexo-cli |
3.完成安装
普通部署
准备
1.在一个地方新建文件夹,或者在你的源码地址打开一个终端(cmd,termux)
2.新建一个README.md文件,里面可以编辑你想要在github源码上显示的东西
部署
1.打开github网页,新建一个库
2.填写库相关配置
3.开始推送源码到github
因为我们已经创建了README文件,所以从第二步开始
4.完成推送
部署github pages环境
完成配置
Hexo 部署
前言
这种方式就是模板导入,然后自己小改
适合懒得自己写架构的人入坑
开始
选择一个地方存储你的Hexo库,并用终端打开
比如这里,我放在桌面
1 | $ pwd |