分享好友 最新动态首页 最新动态分类 切换频道
玩遍博客网站,我整理了全套的建站技术栈
2024-12-27 10:42

搭建博客网站是个人进入互联网世界的最常见方式之一。伴随着网站技术的发展,如何搭建博客网站已经变得非常容易了。当然,你可以选择诸如 新浪博客、CSDN、博客园 之类的大型网站,快速创建依赖于大平台的个人博客,不过这种方式的不足是言论受限太多、无法触及网站底层技术。所以,对于想要自由发挥创意、又期望对网站拥有更多主动权的话,最好还是选择自己去亲手搭建一个网站。

玩遍博客网站,我整理了全套的建站技术栈

本文来源:魚立说。本文链接:https://www.yulisay.com/d/kljqu.html,支持微信浏览器打开。

更多精彩文章,请移步 魚立说个人网站 翻看。欢迎欣赏,吐槽不足之处。


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

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

快速搭建博客网站的一种基本思路是:利用 Hexo、Hugo 等技术生成静态网页,然后将这些网页部署到 GitHub Pages,后续的静态内容更新需要重新生成。也有另一种传统的基本思路是:搭建 Typecho、WordPress 等博客系统,通常会有前后端两套支撑系统。

下面就几种流行的搭站技术模式,进行了整理

Hexo 是基于 Node.js 技术栈开发的,是非常适合前端童鞋的一种建站选择。类似的开源博客平台,还有基于 Node.js 构建的 Ghost。关于 Hexo 的基础知识和风格主题,见本主题下一篇文章。

生成 Hexo 静态网页

安装 Hexo 运行环境,并初始化 Hexo 项目后,我们需要对 Hexo 进行全局配置,个性化你自己的博客,比如将配置 _config.yml 修改为

 

然后,创建若干文章后,执行 命令后,会在 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 中添加如下配置(如果有已存在的请删除

 

运行,将 public 目录中的文件和目录推送至远端仓库和分支中。查看 https://your-github.github.io 上的网页是否部署成功。

Hugo 是使用 Go 编写的快速而现代的静态站点生成器,是非常适合后端童鞋的一种建站选择。关于 Hugo 的基础知识和风格主题,见本主题后面的系列文章。

生成 Hugo 静态网页

安装 Hugo 运行环境,并初始化 Hugo 项目后,我们需要对 Hugo 进行全局配置,个性化你自己的博客,比如将配置 config.toml 修改为

 

然后,创建若干文章后,执行 命令后,会在 public 文件夹中生成我们需要部署的静态网页。

部署到 Github Pages

部署方式同 Hexo ,请见 “部署到 Github Pages” 部分,这里不再赘述。

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 官网

最新文章
沙威玛传奇 云手机多开挂机
《沙威玛传奇》是一款逼真的模拟烹饪游戏!沙威玛传奇云手机游戏软件可以大大提高您的挂机搬砖效率:多多云手机完全模拟真实手机环境,每一台专业云手机都是独立手机系统,允许用户在云手机里云玩各种游戏、应用app,24小时挂机托管,多开
联出党建“朋友圈” 共建异地温暖“家”
中共新蔡县栎城乡驻郑州市流动党员支部委员会在河南省社会保险中心设立,也是新蔡县栎城乡建立的第一个流动党支部,共有党员25名。中共新蔡县栎城乡驻郑州市流动党员党支部根据本乡在郑务工、经商人员的实际,提倡流动党员“共建共管”,鼓
www.jyeoo.com的百度排名情况
a href="https://baidurank.aizhan.com/" target="_blank"img src="https://baidurank.aizhan.com/api/mbr?domain=www.jyeoo.com&style=images" //aa href="https://baidurank.aizhan.com/" target="_blank"script type=&
随州市部分企业招聘信息(第二批)
疫情终将过去,春天就在眼前 招聘与求职的需求也变得日益迫切为了进一步做好劳动者就业和企业开复工用人保障工作,疫情防控期间,我市开展线上招聘服务。此次数家企业参与,凡有求职意愿的求职可拨打文章内企业预留电话进行咨询或扫描文章
微信小程序一键登录和临时code用JWT进行微信用户授权
前言:还是一如既往的写作前唠叨,作为一个java编程的学习者。我也是在写vue+springboot的前后端分离项目的空余时间简单的写了一个微信小程序的后端代码,于是就有了这一篇文章,主要记录怎么实现,以及
杨丞琳个人资料简介(庆祝出道21周年:感谢粉丝陪伴)
11月16日凌晨,杨丞琳发文庆祝自己出道21周年,她感谢粉丝陪伴:“这么多年来,何其幸运,有你们这些强而有力的后盾,给予我百分之百的支持和鼓励。未来我依然会用作品回馈大家的爱!”同时也叮嘱粉丝过好自己的生活,“你们的人生一定有比
普通人入局AI大模型,手把手带你从入门到实践!0基础学习AI大模型,看过的已经月入5w了!
在今年格外紧张的就业市场环境下,许多人都在考虑掌握一门技术以增强自己的竞争力,却往往不知道该选择学习什么。在2024年,学习人工智能无疑是一个明智的选择。对于外行人而言,AI可以被理解为一种模拟人类智能行为的技术,它通过计算机系
综合评价招生是什么意思?什么样的学生适合走综评?
2023综合评价报名已经开启,报名规划准备进入高峰!为了助力大家备考,为大家准备了以下干货,分基础篇、院校名单篇、招生条件篇、专业及限报篇、择校定位篇等12大模块,梳理考生家长常见的典型问题,如:综合评价招生是什么意思?什么样的
多语言短剧系统短剧cps系统小程序搭建实体公司
前言:短剧cps系统短剧cps系统实体公司,短剧cps系统实体公司,多语言短剧系统短剧cps系统实体公司,多语言短剧系统短剧cps系统小程序搭建实体公司,多语言短剧系统小程序搭建实体公司为了在海外市场开发并构建成功的短剧小程序并同时拥有多语
排队免单小程序开发 (定制+源码+售后)
排队返利小程序开发随着互联网的普及,实体店也要积极学习互联网思维,扩大产品的销售渠道。通过加深对互联网模式的了解,学习该模式下的销售渠道和销售方式,并学会应用微信、微博等现代网络工具,借助互联网扩展自己销售渠道的增强企业自
相关文章
推荐文章
发表评论
0评