个人博客网站搭建
本文最后更新于10 天前,其中的信息可能已经过时,如有错误请发送邮件到big_fw@foxmail.com

前提

这篇文章并不是关于搭建博客的详细教程,而是关于一些常见博客搭建方法的简要概述,不过其具体搭建方法B站都有视频,相关链接已放在各个方法下面

常见搭建博客方法

  1. WordPress需要花钱购买域名和服务器,但是是动态网页,后期管理没有难度,参考我的网站 https://liveout.cn
  2. Hexo托管不花钱。但是访问速度慢,且是静态网页,后期发表文章等需要难度,参考 https://pgwind.github.io
  3. Typecho,这个我不太了解,可以看下官网:https://typecho.org/
  4. 专业的不多说,学计算机的应该都大概懂,参考 http://space.eyescode.top/

网页类型

静态网页

静态网页有以下特点:

  • 静态网页不能自动更新,若要对静态页面进行更新,就要重新编写 HTML 源文件,然后再上传。因此静态网页的制作和维护工作量相当大。

  • 静态网页的内容不随浏览用户、浏览时间等条件的变化而变化。无论何人、何时、何地浏览网页,它的内容都是一成不变的(不包括使用 JavaScript 实现的一些简单特效)。

  • 静态网页一经发布,无论浏览者浏览与否,它都是真实存在的一个文件,都对应一个 URL(文件在网上的地址)。

  • 用静态网页实现人机交互有相当大的局限性。由于不能动态生成页面,所以用静态网页来实现人机交互是很困难的,在功能上有很大限制。

     

动态网页

动态网页有以下特点:

  • 动态网页在服务器端运行,客户机上看到的只是它的返回结果,不可能看到它的源文件。而静态网页则只能通过服务器把网页文件原封不动地传给客户机,本身不进行任何处理。

  • 不同的人、不同时间、不同地点浏览同一个动态网页,根据代码处理结果不同,会返回不同的内容。

  • 动态网页只有经客户浏览时才会返回一个完整的网页,而其本身并不是一个独立存在于服务器的网页文件。

  • 与静态网页相比,动态网页更容易实现人机交互。与数据库相联系,能实现更为强大的功能。

  • 由动态网页构建的网站维护起来比由静态网页构建的网站容易,只需要更新调用的数据(如数据库内容)即可。

     

差别

静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。每个人看到的网页都一样

动态网页相对于静态网页来说,页面代码虽然没有变,但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。即每个人看到的页面都不一样


1. WordPress

WordPress是一款能让您建立出色网站、博客或应用程序的开源软件。

用户可以通过服务器安装宝塔面板,然后通过宝塔面板在服务器里安装相关环境应用从而完成对博客的搭建。

推荐观看B站视频 https://www.bilibili.com/video/BV1Vg411w7os/?spm_id_from=333.337.search-card.all.click

博主自己录制教程:https://www.bilibili.com/video/BV1h24y1Q7Pb/

服务器

介绍

存放网站内容,展示在互联网上,具有公网ip

购买

阿里云,腾讯云,华为云,都有便宜的学生机

 

域名

介绍

由于IP地址具有不方便记忆并且不能显示地址组织的名称和性质等缺点,人们设计出了域名,并通过网域名称系统(DNS,Domain Name System)来将域名和IP地址相互映射,使人更方便地访问互联网

域名解析到服务器,从而使他人可以通过域名访问服务器内容

购买

阿里云,腾讯云,华为云

宝塔面板

用来进行服务器的管理,一键安装相关依赖,可以给网站添加证书


2. Hexo

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。即把用户的markdown文件,按照指定的主题解析成静态网页。

通过将网站内容托管到 github 完成网站搭建,本地需要安装 node.js 和 git 以及相关运行环境

教程文章 https://sunguoqi.com/posts/54163.html

推荐观看B站视频 https://www.bilibili.com/video/BV1mU4y1j72n/?spm_id_from=333.337.search-card.all.click

Mac用户推荐观看B站视频 https://www.bilibili.com/video/BV13v4y1c75G/?spm_id_from=333.337.search-card.all.click

 

Github

GitHub是一个面向开源及私有软件项目的托管平台,因为只支持Git作为唯一的版本库格式进行托管,故名GitHub。

 

Git

Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目

通过git 上传网站内容,托管到github

 

Node.js

 Node.js 是一个JavaScript 运行环境。javascript作为开发Web页面的脚本语言,可以开发网站后台

通过node.js安装hexo框架


3. Typecho

介绍

Typecho是由type和echo两个词合成的,来自于开发团队的头脑风暴。Typecho基于PHP5开发,支持多种数据库,是一款内核强健﹑扩展方便﹑体验友好﹑运行流畅的轻量级开源博客程序。选用Typecho,搭建独一无二个人网络日志发布平台,享受创作的快乐。

官网

Typecho Official Site

教程

知乎:30分钟搭建 Typecho 个人博客教程 – 知乎 (zhihu.com)

B站:无具体推荐


4. 专业

博客效果参考:瞳孔的个人空间 (eyescode.top)

前端

HTML

HTML(HyperText Markup Language),全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

CSS

CSS (Cascading Style Sheets,层叠样式表),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言

JavaScript

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数]式编程范式。

 

后端

 

作者:Echo
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0协议。转载请注明文章地址及作者

评论

  1. Android Chrome
    4周前
    2023-1-13 20:58:25

    这章文章对我帮助很大。
    我的网站是:http://space520.42web.io/

    • 博主
      god_2077
      Windows Chrome
      4周前
      2023-1-13 22:41:23

      👍

  2. 湘铭呀!
    Windows Edge
    2月前
    2022-12-10 21:16:29

    赞赞赞!

    • 湘铭呀!
      Android Chrome
      4周前
      2023-1-13 20:57:05

      你好

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇