(2023.2.6更新) 任何教程都有可能过期。
如果按教程操作失败, 多利用网络寻求和解决方法,寻找解决方法的能力是非常宝贵的

前言

导读

思维导图里有教程链接,但简单看看就好,有些教程不可避免的有坑,还是要留意正文提醒
文章正文我计划采用统一格式如下:概念,教程,避坑指南
概念:用最通俗的语言讲解是什么
教程:让其他博主大佬教你怎么做
避坑指南:指出由于版本问题,部分教程存在方法失效时的解决办法

思维导图(在线预览)

我的博客配置

  • 框架:Hexo
  • 主题:Butterfly
  • 部署:github + 阿里云服务器(ECS) 双线部署
  • 图床:github + 去不图床 + 缤纷云 (还在纠结中)
  • 域名:codertoro.top
  • 写作:Typora
  • 博客网址:codertoro.top coder-ox.github.io

建站-免费版

静态博客

概念

HTML(超文本标记语言)格式的网页通常被称为静态网页,是直接渲染生成HTML标准的文件呈现给客户端,不需要数据库的支撑就可完成。静态博客中可以包含文本、声音、图像、FLASH动画等。(现在静态博客也可以添加评论留言了)
网站搭建是需要框架的,不是手写一堆html,css,js文件,这些则是框架帮助我们自动生成的。今后写文章我们只需要用编辑器写一个MarkDown格式的.md文件,hexo会为我们自动渲染。
我推荐的是使用Hexo框架搭建博客,并把项目部署(保存)在github上。

教程

避坑指南

  • hexo d时输入的github密码应该是github tokens(获取方式)
  • 在 _ config.yml 文件配置中branch写mian和master都可以,但是只能写其中的一个本文称作mybranch,而且要在github中对应仓库做相应设置
Click
更改默认branch为mybranch
更改pages为相应的mybranch
  • 示例:
    deploy:
    type: 'git'
    repository:
    server: codertoro@公网ip:/home/codertoro/blog.git #服务器
    github: https://github.com/coder-ox/coder-ox.github.io.git #GitHub
    coding: git@e.coding.net:codertoro/codertoro/codertoro.git #coding
    branch: master #分支

动态博客

概念

所谓动态,是指网页渲染是通过动态调用再解析而成,生产的网页不是HTML文件,需要服务器端伪装成HTML文件呈现给客户端。“动”不是指网页中的页面元素或者特效在动,而是指与后台数据库进行交互,进行数据传递。比如用户注册登录、留言等功能。

教程

Click
更改默认branch为mybranch

避坑指南

注意操作系统和教程一致,不同版本操作会有些许不同。

建站-收费版

静态博客

概念

所谓收费版,也就是购买云服务器,将代码托管到云服务器上。

教程

无坑教程-图文版(来源)
无坑教程-视频版(推荐)

避坑指南

我使用得CentOS7.9,按照视频版一步一步操作,是没有坑的。

动态博客

概念

常见的大型网站都是这样,有前后端,比如百度,微博等

教程

暂无

避坑指南

暂无

域名

购买

概念

所谓域名,也就是网站地址的别名。如果你的域名是mydomain.com,你在浏览器输入mydomain.com后,各地的探测点会优先搜索本地的DNS缓存,如果缓存有,则会返回缓存的解析信息(可能是ip地址,也可能是域名),如果没有缓存,则会向域名提供商发出请求,获得该域名缓存,然后返回。缓存的信息存在时长叫做TTL。最短为10分钟,即每十分钟会更新一次本地缓存。

教程

直接上阿里云官网,找到域名注册,输入你想注册的域名,看价格即可

避坑指南

  1. 域名不算很贵,便宜的30元左右/年,普通的80-90元/年。一般.com,.cn,.net比较贵,我买的.top第一年只需要1元,后续每年续费需要29元。后缀选择看个人喜好,.com,.cn一般比较耳熟能详,容易让人记住。.top,.ren之类的比较冷门,但便宜。
  2. 初次注册很便宜,多买几年更划算,除非像我一样,想买来玩玩,还不确定要不要一直用,那就买一年即可,同时既然是买来玩玩,那就没必要买太贵的,我买的codertoro.top,初次注册只需要1元/年。

解析

概念

常见的大型网站都是这样,有前后端,比如百度,微博等

教程

暂无

避坑指南

暂无

备案

概念

常见的大型网站都是这样,有前后端,比如百度,微博等

教程

暂无

避坑指南

暂无

https证书(SSL证书)

概念

常见的大型网站都是这样,有前后端,比如百度,微博等

教程

暂无

避坑指南

暂无

子域名

概念

常见的大型网站都是这样,有前后端,比如百度,微博等

教程

暂无

避坑指南

暂无

主题与魔改

主题

魔改

写作

工具(软件)

语法

存储照片/视频

图床

后续优化

CDN加速

图片/代码压缩