引言
互联网时代,大家都想在浩瀚的网络世界留下点印记。
虽然有微信朋友圈,QQ空间,微博等可以记录点点滴滴,但他们要么是没法扩大圈子,要么是加以各种限制,到头来这些数据产权还都属于马家,更不用谈某天实现增值获取收益,寄人篱下终究不如自己做主:建个自己掌控的网站!
建站须知
虽然说是零基础建站,但一些互联网及计算机基本知识技能不能少,如文件和文件夹之别,路径区分,怎么安装软件,怎么复制粘贴,怎么输命令,怎么解析域名……
建站就需要准备文件托管服务,如上传到 GitHub/Gitee 仓库,自己买的云服务器,虚拟主机等
网站对外需要有IP或者域名(一般都不会直接IP对外服务),所以要么用 GitHub/Gitee 提供免费的二级域名,要么自行购买域名并解析到文件托管服务器,各种服务器优惠可以参考 网联基地
建站时会涉及各种配置设置,而且各程序,各主题都不尽相同,都需要根据实际对象依照文档进行配置,所以需要具备阅读文档的能力
使用过程中难免遇到问题,遇到问题需要看得懂输出信息,能够从输出信息中提取关键信息求助战略合作伙伴 百度 或 Google ,找站长也需要反馈有用的信息才能解决问题
...
这是个简历示例页,内容源文件:source/_posts/academia-example.md,可以修改此文件内容为自己想要的,使用 Markdown 或者 HTML 语法都可以。
如果本页排序在站内靠后,该页内容不会在 Academia 主题首页显示,如果遇到不显示的问题,删除其他内容或者将本页排序调整到靠前几页,如:修改本文档 date 值:
1date: 2023-8-22 16:59:16 //一般情况下修改这个时间到最新就会排前面
About me
This is a simple page for academic website based on Hexo. It just provides a theme frame and all depends on your markdown posts’ styles.
This is the index page which organized with the posts you write in markdown files.
News
2020-04-23: ver 1.2.0 publish, sup ...
基本概念
名词
解释说明
git
大名鼎鼎的分布式版本管理工具,每个版本改了什么一目了然
GitHub/Gitee
提供代码存储、托管,有免费的pages服务
pages
GitHub/Gitee都有的网页托管访问服务,每用户一个免费二级域名
npm
依赖包管理工具,各种套娃
MarkDown
轻量标记语言,写文档必备技能
服务器/云主机
存放文件24小时在线提供网络访问服务的计算机
域名
互联网上便于人类识别记忆的访问地址
ICP备案
大陆境内服务器需要,有问题方便FBI请喝茶或上门送温暖
主题/模板
套用后实展现相应的界面外观及功能
网站程序选型
网站程序选型主要依据环境依赖程度和维护难度,以及网络上免费资源可持续性考虑,对大多数普通用户,建议:
首选 hugo、hexo...:HTML静态页渲染框架,速度快,可免费托管到GitHub/Gitee仓库,MarkDown文档维护,主题多可满足大部分需求。大部分用户建议选择 Hexo 程序,框架结构清晰,用户内容复用性高,而且有几百套各式主题可选。
虽然 hugo 程序本身无外部 ...
既然这是篇小白零基础建站教程,那么就不会涉及带门槛的方案,只是简单罗列了适合新手的案例,其他同等方案或者更复杂方案等熟悉了可以再自行研究。
方案对比
免费托管仓库优先选择全球最大男性交友网站 GitHub,Gitee需要实名认证及发布前内容审核
静态站:Hugo/Hexo/… + GitHub/Gitee + GitHub/Gitee免费二级域名/自备域名
flowchart LR;
本地维护MarkDown内容 -- hugo/hexo渲染 -->本地效果预览
GitHub/Gitee仓库 -- 可绑定自备域名 --> pages对外访问
本地维护MarkDown内容 GitHub/Gitee仓库 -- 触发action自动渲染 --> pages对外访问
优点:网络上有免费资源「也可以部署到自有服务器」,静态页速度快,网站源文件通过 git 版本管理安全可靠不会丢,可免维护服务器
缺点:需要点 MarkDown 语法知识,缺免费的小白界面化管理后台,评论之类的功能需要引入第三方实现
动态站:WordPress/Typecho/… + 自备服务器 + ...
如果你选择的是自备服务器的付费动态网站方案,那么直接在服务器上安装环境部署网站程序即可,本文不做演示,下文只针对免费静态站方案进行详细说明。
其实官方默认自带的 hello world 示例就告知了基本的用法,要把细枝末节展开来还能再写一本书,本教程也只是针对本站部署的方案,给新手演示一个大概的操作流程,更多细节或者高深玩法请在熟悉后自行发掘。
虽然也能在线增删改文件,但还是建议拉取仓库到本地电脑进行操作。在本地电脑操作,就有必要搭个本地预览环境。
以下以 Windows 系统环境演示,其他操作系统请打开系统终端 terminal 直接输对应的命令
到以下涉及软件官网下载如果速度慢,可以从 墙内淘宝源下载。
1.1 安装 Git 客户端
仓库文件管理借助大名鼎鼎的代码项目管理工具,到 Git-SCM官网 或者 墙内淘宝源 下载安装包或者软件源默认安装完成即可。
Windows 系统安装完成后,会在右键菜单添加 Git Bash Here 入口,方便后续使用。
如果以前未使用过 Git,一般都需要设置用户名和邮箱,随便一个目录空白地方 点右键》 Git Bash Here , ...
前面的准备工作已完成,剩下就是将仓库文件克隆同步到本地电脑,方便后续维护与预览。
2.1 git clone
本站方案 只需要维护私有源码仓库,所以只需要将 私有源码仓库 克隆到本地使用即可,网页会自动发布到对外展示服务仓库对应分支,用户名和对外展示仓库不删不改就行。
如果改了 GItHub 用户名,请参考 从零开始建个小站 - 常见问题 中 要修改网址怎么办 中提及项做相应修改。
还是在 Git Bash 中,输入这样的命令:
12cd d:\Git #先切换到要存放Git文件的目录路径git clone --recurse-submodules 源码仓库地址 #带子模块一起克隆到本地
如果第一次克隆时未带 --recurse-submodules 参数或者没有完整完成,可以 在源码仓库根目录路径下 运行以下命令继续完成子模块更新:
12#请在仓库根目录路径下运行以下命令git submodule init && git submodule update
以上命令中请将 源码仓库地址 换成自己的源码仓库实际地址,建议从仓库页面上复制。
仓库地址获取方法:打开 ...
工欲善其事必先利其器,一个好用的编辑器可以事半功倍。
3.1 下载安装编辑器
VSCODE 就是个不错的选择,自行到 微软官方网站 去下载安装。
如果墙内下载慢,可把下载地址中 az764295.vo.msecnd.net 改为 vscode.cdn.azure.cn 可实现秒下,如:
Windows版墙内地址:https://vscode.cdn.azure.cn/stable/fee1edb8d6d72a0ddff41e5f71a671c23ed924b9/VSCodeUserSetup-x64-1.92.2.exe
macOS版墙内地址:https://vscode.cdn.azure.cn/stable/fee1edb8d6d72a0ddff41e5f71a671c23ed924b9/VSCode-darwin-universal.zip
VSCODE 是当前最流行的编辑器,免费开源,专业和业余都能胜任:
全目录管理,一个界面可以管理整个目录下的文件
语法格式显示,也能实时预览
与Git集成,可以界面化操作Git提交同步,比较等
集成命令终端,预览调试方便
VSC ...
本实操仅针对 建站方案选择 中提及的免费静态站方案:hugo/hexo + GitHub + GitHub免费二级域名/自备域名 ,另外的付费动态站方案自带网站后台,界面化的一体操作没什么好演示的,如有需要可求助我们的战略合作伙伴Google和百度。
针对 GitHub 仓库版方案,我们 只需要对私有源码仓库 做两件事:增/删/改 --> Git提交同步
增:新增文章、页面、图片等
删:删除文章、页面、图片等
改:对已有的文章、页面、配置等进行修改
除非你会,否则不要动主题目录下任何东西,主题功能只需要按主题文档修改 _config.主题名.yml 中配置即可。
除非你会,否则不要动主题目录下任何东西,主题功能只需要按主题文档修改 _config.主题名.yml 中配置即可。
除非你会,否则不要动主题目录下任何东西,主题功能只需要按主题文档修改 _config.主题名.yml 中配置即可。
使用本站提供的项目仓库自动方案,提交源代码后,会自动触发渲染发布,然后需静待上端网络缓存更新后才看到最新结果。
强调三点:
所有的增删改都需要同步到上端仓库后网络上才能看到 ...
项目仓库克隆下来,网站的各项设置都是默认的,一些标题,作者之类的需要根据自己的实际情况进行修改,个性设置主要是网站根目录的网站基础配置和主题配置。
好在 hugo 和 hexo 配置结构大同小异,而且都支持将配置文件放在网站根目录下,只需要修改配置,今后主题更新只需要同步配置其他也互不影响。
5.1 认识文件
123456789101112131415161718192021222324action-hexo #hexo程序工作目录| README.md #说明文档| .gitignore #指定Git提交时忽略的文件规则| package.json #依赖包记录,不要动| _config.yml #网站基础配置文件,定义网站标题,作者等| _config.fluid.yml #fluid这个主题的配置文件,来源于且优先级高于主题目录下的_config.yml|+---node_modules #hexo的依赖环境,不要动,一般都会添加到.gitignore忽略+---scaffolds #文章/页面/草稿模板,不会就不要动|+---source ...
想到什么写什么,如果没有你关心的问题,请一如既往的求助本站战略合作伙伴 Google和百度。
学会基本的 Git
不管是敲代码还是码字工,大名鼎鼎的 Git 都应该学一点,团队一起码代码,汇聚天下豪杰一起写流水小说,事后回查都游刃有余。
Git 基础
网络上优秀教程一大片,不浪费时间精力了,随便找一个:Git 教程 | 菜鸟教程,边用边学就行,俺们也是这样过来的。
改了文件名大小写,Git 不会显示变更无法提交
Git 默认对文件名大小写不敏感,即便你把一个文件名从 a.conf 改成 A.CONF ,Git 也认为没有变更,所以也就无法将此变更提交同步到仓库,需要在项目仓库路径下运行以下命令禁用忽略大小写:
1git config core.ignorecase false
设置完就对大小写敏感了,此时更改文件名大小写就能提交变更了。
让 Git 通过代理连接
有些地区直接无法连接全球男性交友社区,也就无从谈起仓库增删改,就需要借助代理连接,可通过以下命令指定Git走代理网络:
123#这里使用socks5 端口为1080,具体端口看代理软件配置git config --globa ...