乐趣区

关于程序员:玩遍博客网站我整理了全套的建站技术栈

搭建博客网站是集体进入互联网世界的最常见形式之一。随同着网站技术的倒退,如何搭建博客网站曾经变得非常容易了。当然,你能够抉择诸如 新浪博客、CSDN、博客园 之类的大型网站,疾速创立依赖于大平台的集体博客,不过这种形式的有余是舆论受限太多、无奈涉及网站底层技术。所以,对于想要自由发挥创意、又冀望对网站领有更多主动权的话,最好还是抉择本人去亲手搭建一个网站。

本主题将围绕博客网站的搭建流程、不同的博客搭建技术及其风行的格调主题开展,整个系列由以下三个文章局部组成:

  • 当下风行的博客技术栈
  • Hexo 及其风行的格调主题(后更)
  • Hugo 及其风行的格调主题(后更)

<div class=”bordor-separation”></div>

疾速搭建博客网站的一种基本思路是:利用 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 中进行如下配置:

而后,将 public 文件夹中的资源推送到该 repository 中,期待一些工夫后,便能通过 https://yulis-say.github.io 域名拜访。

一键部署

为了便捷操作,你也能够应用 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 也有很多优良的主题和插件可用,能够参考这个网站:https://typecho.me/。

WordPress 疾速建站

WordPress 是一种应用 PHP 语言开发的博客平台,也能够当作一个内容管理系统(CMS)来应用。收费开源,在 GNU 通用公共许可证下受权公布。

因为 WordPress 的历史较长,很久以前就被很多站长、企业应用了,因而应用教程也很丰盛,这里就不再啰嗦了。须要阐明的是,博客类网站的设计大多类似,因而在应用其余技术建站的时候,能够汲取来自于 WordPress 的设计思路,以及它的泛滥优良博客主题。

参考链接

① 将 Hexo 部署到 GitHub Pages

② Configuring a publishing source for your GitHub Pages site

③ Typecho 官网

④ WordPress 官网

退出移动版