个人网站搭建教程


个人网站搭建教程

前言

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

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

准备

设备

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

资源

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)

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

选择Download for Windows

这里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连接里

地址如下

用记事本打开,Ctrl+A全选复制全部

访问GitHub官网,选择设置

选择SSH and GPG keys

新建SSH keys

如图设置

完成配置

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

Hexo(可选)

简介

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

安装

windows篇

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

1.访问NodeJS官网

点击安装,全部同意就是

输入这两串命令,确认安装完成

2.打开cmd,安装hexo

输入hexo -g install hexo-cli开始安装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.填写库相关配置

在1处填写仓库名字,第二处选择公共,不然你就不能部署到github papes
选择创建

3.开始推送源码到github

记住这几个
因为我们已经创建了README文件,所以从第二步开始
选择所有文件,并配置提交名
设置推送分支和推送库位置
开始推送

4.完成推送

完成

部署github papes环境

选择设置
选择环境
点击None,选择main
点击保存
这时我们返回主页发现,正在部署
等待一会后出现github-pages,点击他
选择View deployment,就行访问

完成配置

这里的域名因为我配置了,你们有域名也可以配置

Hexo 部署

前言

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

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

开始

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

比如这里,我放在桌面

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

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

$ cd <文件夹>
$ hexo init

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

文章作者: jinghuashang
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 jinghuashang !
评论
  目录