如何在github上搭建自己的个性blog——Windows版

2024-03-20 21:58

本文主要是介绍如何在github上搭建自己的个性blog——Windows版,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

初衷

本文适用于跟我一样的前端小白,却又想搭建一个属于自己的博客站点玩玩,可以自己DIY样式,构建属于自己的网站,但又不想花费太多精力维护。在搭建博客之前我也百度找了很多教程,网上的教程五花八门,但对于想完整的从无到有,让一个前端小白,从零开始搭建一个自己看着觉得样式还不错的博客站点,这样的文章比较少。本人写下此文仅记录自己用Github Pages 搭建博客的过程,及帮助后面的朋友们少绕点弯路。其中有些大师写的教程比较好,这里就直接引用了。

本文适用人群

有git基础 & 前端小白
本文的针对的是有git基础的人群,如果不懂git,可以参考git教程,该教程讲解得十分详细了,我就不赘述了。

流程一览

Jekyll在Github Pages上搭建一个简易blog

本文是用Jekyll在Github Pages 部署博客,首先介绍Jekyll。Jekyll是一个静态网站生成工具。它允许用户使用HTML、Markdown或Textile来建立静态页面,然后通过模板引擎Liquid(Liquid Templating Engine)来运行.
通过阮一峰老师的例子可以学会如何在git上搭建一个自己的blog.
http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html
最后的效果如图所示:

这样一个简易的独立博客就完成了,但其样式太过于简陋了,为了进一步完善,我们可以借鉴别人的blog模板,但是既然是借鉴别人的模板,我们还是需要修改其中内容以适应自己的需求,这就需要本地预览调试,下面介绍Windows 上安装 Jekyll,并启动预览。

搭建Jekyll的本地预览调试环境

共分为以下几个重要步骤

1.安装 Ruby

前往 http://rubyinstaller.org/downloads/

RubyInstallers 部分,选择某个版本点击下载。
例如, Ruby 2.0.0-p451 (x64) 是适于64位 Windows 机器上的 Ruby 2.0.0 x64 安装包。

通过安装包安装

最好保持默认的路径 C:\Ruby200-x64, 因为安装包明确提出 “请不要使用带有空格的文件夹 (如: Program Files)”。
勾选 “Add Ruby executables to your PATH”,这样执行程序会被自动添加至 PATH 而避免不必要的头疼。
Windows Ruby 安装包

打开一个命令提示行并输入以下命令来检测 Ruby 是否成功安装。

ruby -v

输出示例:

ruby 2.0.0p451 (2014-02-24) [x64-mingw32]
2.安装 DevKit

DevKit 是一个在 Windows 上帮助简化安装及使用 Ruby C/C++ 扩展如 RDiscount 和 RedCloth 的工具箱。 详细的安装指南可以在程序的wiki 页面 阅读。

再次前往 http://rubyinstaller.org/downloads/

下载同系统及 Ruby 版本相对应的 DevKit 安装包。 例如,DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe 适用于64位 Windows 系统上的 Ruby 2.0.0 x64。

下面列出了如何选择正确的 DevKit 版本:

Ruby 1.8.6 to 1.9.3: DevKit tdm-32-4.5.2
Ruby 2.0.0: DevKit mingw64-32-4.7.2
Ruby 2.0.0 x64: DevKit mingw64-64-4.7.2

运行安装包并解压缩至某文件夹,如 C:\DevKit

通过初始化来创建 config.yml 文件。在命令行窗口内,输入下列命令:

cd “C:\DevKit”
ruby dk.rb init
notepad config.yml

在打开的记事本窗口中,于末尾添加新的一行 - C:\Ruby200-x64,保存文件并退出。

回到命令行窗口内,审查(非必须)并安装。

ruby dk.rb review
ruby dk.rb install
3.安装 Jekyll

1).确保 gem 已经正确安装

gem -v

输出示例:

2.0.14

2).安装 Jekyll gem

gem install jekyll
4.启动 Jekyll

按照官方的 Jekyll 快速开始手册的步骤,或是前面所述的http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html的教程, 一个新的 Jekyll 博客可以被建立并在localhost:4000浏览。

jekyll new myblog
cd myblog
jekyll serve

应用别人的模板

安装Bundler:

gem install bundler

git上clone别人的模板,或者网上下载模板,这里有个模板库可挑选自己喜欢的https://jekyllthemes.io/

安装依赖:

bundle install

运行 Jekyll:

bundle exec jekyll server

下面是本人根据上述流程搭建的一个自己的blog,应用的模板是Jacman,git上直接搜Jacman的关键词就有,效果图:

博客地址
git地址
喜欢的朋友可以fork或下载自己修改。

这篇关于如何在github上搭建自己的个性blog——Windows版的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/830857

相关文章

Mycat搭建分库分表方式

《Mycat搭建分库分表方式》文章介绍了如何使用分库分表架构来解决单表数据量过大带来的性能和存储容量限制的问题,通过在一对主从复制节点上配置数据源,并使用分片算法将数据分配到不同的数据库表中,可以有效... 目录分库分表解决的问题分库分表架构添加数据验证结果 总结分库分表解决的问题单表数据量过大带来的性能

Java汇编源码如何查看环境搭建

《Java汇编源码如何查看环境搭建》:本文主要介绍如何在IntelliJIDEA开发环境中搭建字节码和汇编环境,以便更好地进行代码调优和JVM学习,首先,介绍了如何配置IntelliJIDEA以方... 目录一、简介二、在IDEA开发环境中搭建汇编环境2.1 在IDEA中搭建字节码查看环境2.1.1 搭建步

javafx 如何将项目打包为 Windows 的可执行文件exe

《javafx如何将项目打包为Windows的可执行文件exe》文章介绍了三种将JavaFX项目打包为.exe文件的方法:方法1使用jpackage(适用于JDK14及以上版本),方法2使用La... 目录方法 1:使用 jpackage(适用于 JDK 14 及更高版本)方法 2:使用 Launch4j(

Python基于火山引擎豆包大模型搭建QQ机器人详细教程(2024年最新)

《Python基于火山引擎豆包大模型搭建QQ机器人详细教程(2024年最新)》:本文主要介绍Python基于火山引擎豆包大模型搭建QQ机器人详细的相关资料,包括开通模型、配置APIKEY鉴权和SD... 目录豆包大模型概述开通模型付费安装 SDK 环境配置 API KEY 鉴权Ark 模型接口Prompt

windows端python版本管理工具pyenv-win安装使用

《windows端python版本管理工具pyenv-win安装使用》:本文主要介绍如何通过git方式下载和配置pyenv-win,包括下载、克隆仓库、配置环境变量等步骤,同时还详细介绍了如何使用... 目录pyenv-win 下载配置环境变量使用 pyenv-win 管理 python 版本一、安装 和

Python使用pysmb库访问Windows共享文件夹的详细教程

《Python使用pysmb库访问Windows共享文件夹的详细教程》本教程旨在帮助您使用pysmb库,通过SMB(ServerMessageBlock)协议,轻松连接到Windows共享文件夹,并列... 目录前置条件步骤一:导入必要的模块步骤二:配置连接参数步骤三:实例化SMB连接对象并尝试连接步骤四:

鸿蒙开发搭建flutter适配的开发环境

《鸿蒙开发搭建flutter适配的开发环境》文章详细介绍了在Windows系统上如何创建和运行鸿蒙Flutter项目,包括使用flutterdoctor检测环境、创建项目、编译HAP包以及在真机上运... 目录环境搭建创建运行项目打包项目总结环境搭建1.安装 DevEco Studio NEXT IDE

搭建Kafka+zookeeper集群调度

前言 硬件环境 172.18.0.5        kafkazk1        Kafka+zookeeper                Kafka Broker集群 172.18.0.6        kafkazk2        Kafka+zookeeper                Kafka Broker集群 172.18.0.7        kafkazk3

【IPV6从入门到起飞】5-1 IPV6+Home Assistant(搭建基本环境)

【IPV6从入门到起飞】5-1 IPV6+Home Assistant #搭建基本环境 1 背景2 docker下载 hass3 创建容器4 浏览器访问 hass5 手机APP远程访问hass6 更多玩法 1 背景 既然电脑可以IPV6入站,手机流量可以访问IPV6网络的服务,为什么不在电脑搭建Home Assistant(hass),来控制你的设备呢?@智能家居 @万物互联

pico2 开发环境搭建-基于ubuntu

pico2 开发环境搭建-基于ubuntu 安装编译工具链下载sdk 和example编译example 安装编译工具链 sudo apt install cmake gcc-arm-none-eabi libnewlib-arm-none-eabi libstdc++-arm-none-eabi-newlib 注意cmake的版本,需要在3.17 以上 下载sdk 和ex