玩遍博客網站,我整理了全套的建站技術棧


搭建博客網站是個人進入互聯網世界的最常見方式之一。伴隨着網站技術的發展,如何搭建博客網站已經變得非常容易了。當然,你可以選擇諸如 新浪博客、CSDN、博客園 之類的大型網站,快速創建依賴於大平台的個人博客,不過這種方式的不足是言論受限太多、無法觸及網站底層技術。所以,對於想要自由發揮創意、又期望對網站擁有更多主動權的話,最好還是選擇自己去親手搭建一個網站。

本文來源:魚立說。本文鏈接:https://www.yulisay.com/d/kljqu.html,支持微信瀏覽器打開。

更多精彩文章,請移步 魚立說個人網站 翻看。歡迎欣賞,吐槽不足之處。


本主題將圍繞博客網站的搭建流程、不同的博客搭建技術及其流行的風格主題展開,整個系列由以下三個文章部分組成:

  • 當下流行的博客技術棧
  • Hexo 及其流行的風格主題(后更)
  • Hugo 及其流行的風格主題(后更)

快速搭建博客網站的一種基本思路是:利用 Hexo、Hugo 等技術生成靜態網頁,然后將這些網頁部署到 GitHub Pages,后續的靜態內容更新需要重新生成。也有另一種傳統的基本思路是:搭建 Typecho、WordPress 等博客系統,通常會有前后端兩套支撐系統。

下面就幾種流行的搭站技術模式,進行了整理:

Hexo + GitHub Pages

Hexo 是基於 Node.js 技術棧開發的,是非常適合前端童鞋的一種建站選擇。類似的開源博客平台,還有基於 Node.js 構建的 Ghost。關於 Hexo 的基礎知識和風格主題,見本主題下一篇文章。

生成 Hexo 靜態網頁

安裝 Hexo 運行環境,並初始化 Hexo 項目后,我們需要對 Hexo 進行全局配置,個性化你自己的博客,比如將配置 _config.yml 修改為:

# Site
title: 一個行者 | 我的個人博客
subtitle: ''
description: '擁有個人網站,就好像擁有了互聯網的一小部分。'
keywords: 一個行者,個人博客
author: 一個行者
language: zh-CN
timezone: 'Asia/Shanghai'
……

然后,創建若干文章后,執行 hexo g 命令后,會在 public 文件夾中生成我們需要部署的靜態網頁。

部署到 Github Pages

你需要有一個 GitHub 賬號,並新建一個 public 類型的 repository,直接命名為 <GitHub 用戶名>.github.io。這里以我的 GitHub repository 為例,在該 repository 的 GitHub Settings 中進行如下配置:

圖:GitHub Pages 配置

然后,將 public 文件夾中的資源推送到該 repository 中,等待一些時間后,便能通過 https://yulis-say.github.io 域名訪問。

圖:訪問 GitHub Pages

一鍵部署

為了便捷操作,你也可以使用 Hexo 的一鍵部署功能。首先,需要安裝 hexo-deployer-git:

npm install hexo-deployer-git --save

然后,在 _config.yml 中添加如下配置(如果有已存在的請刪除):

# Deployment
deploy:
  type: git
  repo: git@github.com:your-github/your-github.github.io.git
  branch: main

運行hexo clean && hexo deploy,將 public 目錄中的文件和目錄推送至遠端倉庫和分支中。查看 https://your-github.github.io 上的網頁是否部署成功。

Hugo + GitHub Pages

Hugo 是使用 Go 編寫的快速而現代的靜態站點生成器,是非常適合后端童鞋的一種建站選擇。關於 Hugo 的基礎知識和風格主題,見本主題后面的系列文章。

生成 Hugo 靜態網頁

安裝 Hugo 運行環境,並初始化 Hugo 項目后,我們需要對 Hugo 進行全局配置,個性化你自己的博客,比如將配置 config.toml 修改為:

title = "一個行者 | 我的個人博客"
……

然后,創建若干文章后,執行 hugo -t even 命令后,會在 public 文件夾中生成我們需要部署的靜態網頁。

部署到 Github Pages

部署方式同 Hexo ,請見 “部署到 Github Pages” 部分,這里不再贅述。

Typecho、WordPress 等

Typecho、WordPress 等博客系統,更多的是基於傳統的 HTML/CSS/JavaScript+PHP 語言開發的。類似的建站系統,還有 EmpireCMS、PHPCMS、DedeCms、Drupal、Z-Blog 等。

Typecho 快速建站

Typecho 是一個基於 PHP 的輕量級動態博客框架,在 LNMP 的基礎上可以十分容易的搭建起來,並且具有良好的性能及可擴展性。

與大多數的博客程序相同,安裝 Typecho 需要根據安裝向導依次完成即可。將解壓后的源碼上傳至服務器 web 目錄,然后使用瀏覽器直接訪問進行安裝:

圖:安裝 Typecho

安裝完成后,進入后台按提示更改登錄密碼,訪問瀏覽器就可以看到效果了,下面是 Typecho 的前台系統和后台系統:

圖:Typecho 的前台系統

圖:Typecho 的后台系統

此外,Typecho 也有很多優秀的主題和插件可用,可以參考這個網站: https://typecho.me/

WordPress 快速建站

WordPress 是一種使用 PHP 語言開發的博客平台,也可以當作一個內容管理系統(CMS)來使用。免費開源,在 GNU 通用公共許可證下授權發布。

由於 WordPress 的歷史較長,很久以前就被很多站長、企業使用了,因此使用教程也很豐富,這里就不再啰嗦了。需要說明的是,博客類網站的設計大多相似,因此在使用其他技術建站的時候,可以吸取來自於 WordPress 的設計思路,以及它的眾多優秀博客主題。

圖:WordPress 的豐富主題

參考鏈接

將 Hexo 部署到 GitHub Pages

Configuring a publishing source for your GitHub Pages site

Typecho 官網

WordPress 官網


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM