前言
此刻的网站导航广泛都是太多太杂了，而书签管理又不太方便，因此定制一个适合自己的导航网站才是最好的。俗话说，适合自己的才是最重要的，简单实用就好。在互联网信息爆炸的今天，找到自己想要的内容，并从海量信息流中筛选出优秀信息，已然作为上网用户必须的技能之一了。
而实质上便是我刚好在星球看到有人分享导航网站的开源项目，因此就想在自己的博客网站亦整一个。
有些网站知识
针对网站的搭建原理简单来讲便是网站 = 域名 + 服务器 + 主题 。
域名❝
「网域名叫作」（英语：Domain Name，简叫作：Domain），简叫作「域名」、「网域」，是由于一串用点分隔的字符构成的互联网上某一台计算机或计算机组的名叫作，用于在数据传输时标识计算机的电子方位。（源自：wiki百科） ❞
简单来讲，域名便是一个IP位置的代叫作。例如我的网站服务器IP位置是47.240.xx.xx，为了方便别人拜访我的网站，就需要取一个方便记忆的别名，而域名yulog.club便是这个别名。而域名解析便是将域名yulog.club和服务器IP位置相关上的中间商了。
倘若服务器是阿里云的话，直接在域名解析处选取新手引导就能够了。在空白处填上自己的IP位置，而后系统会自动添加两条解析记录的。倘若想百度收录快的，意见首选com、net。 
服务器❝
有时，这两种定义会导致混淆，如网页服务器。它可能指的是用于网站的计算机，亦可能指的是像Apache这般的软件，运行在这般的计算机上以管理网页组件和回复网页浏览器的请求。服务器的形成包含中央处理器、硬盘、内存等，和通用的计算机架构类似，然则因为需要供给高靠谱的服务，因此呢在处理能力、稳定性、靠谱性、安全性、可扩展性、可管理性等方面需求较高。在网络环境下，按照服务器供给的服务类型区别，分为文件服务器，数据库服务器，应用程序服务器，Web服务器等。（源自：wiki百科） ❞
服务器就相当于24小时开机的电脑主机，倘若你的环境不错，你亦能够拿自己电脑当服务器来运用。不外不意见这么干，当然倘若想自己时间多的折腾一下亦能够。针对服务器选取的话，通常分为国内服务器和国外服务器。我用的比较多的是国内的服务器，国外的服务器就用过Vultr。国内服务器意见选取阿里云、腾讯云，这两家针对学生都有比很强的优惠。国内的服务有个缺点，便是需要域名备案才可运用。倘若不想备案的话，能够直接选取香港服务器。（此刻备案亦很方便了，腾讯云能够在微X小程序上备案，不需要幕布拍照了。阿里云备案能够在阿里云app上提交审核，一样亦不需要幕布拍照了，快的话三四天就能够了）。
主题
主题能够决定你的网站长得是什么样的。网上有非常多分享的免费主题模板，能够到知乎搜一下，这个就没什么好说的。倘若安装了宝塔面板的，能够在宝塔面板左侧有找到文件管理，经过这个地区找到网站根目录的主题文件夹，把主题上传到该文件夹解压后，在后台就能够运用了。亦能够经过WinSCP应用将主题文件夹上传到服务器的主题文件夹中。
我个人用的是Handsome主题：https://www.ihewro.com/archives/489/。一款好的主题能够让自己省非常多烦心事。
准备工作
咱们需要安装一下几样东西： Github destop（或Git亦行）；VS code网站WebStack源码下面我介绍一下我的搭建过程和重视事项。
1. 下载桌面版Github
首要到GitHub 桌面客户端下载客户端，下载安装客户端后，根据客户端的提示正常登录 Github 账号，而后新建一个仓库（Repository），名叫作格式为``GitHub用户名.github.io，重视必须要是以github.io` 后缀结尾的。设置本地的仓库（Local path）位置，将 WebStack 文件解压后复制到这个仓库。  
而后提交 commit 到Github 上，填写Summary 后咱们先点击左下角的 Commit to master ，再点击 Fetch origin 就能够将内容上传。 
而后在浏览器输入你的用户名.github.io 就能够拜访你的主页了。
2. 用VS code管理文件
这儿我选取运用 VS code 进行修改模板，选取 Open in VS code 打开respository，根据自己的需求修改关联的文件后重新Fetch origin 就可。 
个人建站经历
就日前来讲，倘若搭建一个轻量级的个人网站服务的话，选取是多种多样的。我最起始用的是WordPress，WordPress当时为了给别人做一个个人博客网站。刚起始用的时候便是看重了wordpress主题和插件比较多，况且遇到问题在网上能够找到非常多处理方法。然则，因为我用的是阿里的学生机，WordPress服务器不堪重负，亦可能是我加的东西太多，最后服务器扛不住了。总的来讲，WordPress非常适合非程序员运用，不消写代码。
之后在星球看到有些大佬在评论区说hexo非常好用，简洁优雅，配置简单。当然，最重要的是不需要自己购买服务器，况且有非常多的开源主题能够选取。我的博客运用的是NexT主题，这款主题只需要稍微修改配置文件就可，官方文档简洁明了，让人一看就晓得是干吗的。倘若是程序员的话，意见能够自己捣鼓一下，网上亦有非常多别人分享出来的魔改教程。 
而后此刻运用的是Typecho的博客，Typecho相较于WordPress无这么笨重，况且Typecho极为精简，同期必要的功能一个亦不缺。我的博客网站用的主题是handsome主题，果然氪金才是最强的。举荐运用宝塔面板一键安排typecho，这儿举荐Rats的博客搭建教程。 
总结
用GitHub搭建的静态网站在国内拜访速度较慢，但针对我来讲足够了。我重点是想学一下前端知识，拿这个来熟练一下，自己慢慢修改亦挺好的。
| 
发表于 2024-7-27 17:08:30