Github 博客搭建

Github 博客搭建

准备工作

  • 准备一个 github 账号
  • 建立 github 仓库,仓库名为 username.github.io
  • 设置仓库为 public
  • clone 仓库,写入一个 index.html 文件,推送到仓库(许多网上的教程会有 choose theme,但是新版本的 github 没有这个东西!)
  • 浏览器输入 https://username.github.io 访问!

进阶设置

通过之前的步骤,相信你已经可以访问到你的 blog 了,当然页面非常

  • 前提需要安装 node
  • 安装 git

1. 安装 hexo

命令行运行:

# 全局安装
npm install hexo -g
# 局部安装
npm install hexo# 初始化 (需要空目录进行)
hexo init# 以本地服务的形式启动 hexo
hexo server

2. 安装 Fluid 主题

  1. 下载最新的 Fluid Release 版本 url:https://github.com/fluid-dev/hexo-theme-fluid/releases

  2. 解压到 hexo 的 theme 文件夹,并重命名为 fluid

  3. 修改 hexo 根目录下的 _config.yaml 文件

    theme: fluid  # 指定主题
    language: zh-CN  # 指定语言,会影响主题显示的语言,按需修改 (不需要重写,前面有,修改即可!)
    
  4. 创建关于页

    # 命令
    hexo new page about# 创建成功后,修改 /source/about/index.html,添加 layout 属性
    ---
    title: about
    date: 2020-02-23 19:20:33
    layout: about
    ---这里写关于页的正文,支持 Markdown, HTML
    
  5. 重新启动

    hexo server
    
  6. 不出意外,blog 已经显示成功了

3. 创建文章

  1. 如下修改 Hexo 博客目录中的 _config.yml,打开这个配置是为了在生成文章的时候生成一个同名的资源目录用于存放图片文件。

    post_asset_folder: true
    

    执行如下命令创建一篇新文章,名为 test (文章名可以为中文)

    hexo new post test
    
  2. 在 source/_post/test 中放一张图片,之后修改 test.md 文章内容如下

    ---
    title: 测试文章
    date: 2023-08-23 21.24:35:20
    tags:
    - 原创
    categories:
    - test
    ---这是一篇测试文章!{% asset_img test.png 图片引用方法一 %}[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eKBvd3SX-1692798375819)(test.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SHBYHKVi-1692798375820)(/images/test.png)]
    
  3. 启动并访问

    hexo server
    

4. 个性化定制

  1. 浏览器标签页名称

    # 修改根目录下 _config.yml 中的 title 字段。
    # Site
    title: Yuluo's blog
    
  2. 博客标题

    # 主题目录 themes\fluid 下 _config.yml 中的 blog_title 字段。
    navbar:# 导航栏左侧的标题,为空则按 hexo config 中 `title` 显示# The title on the left side of the navigation bar. If empty, it is based on `title` in hexo configblog_title: "Yuluo's blog"
    
  3. 主页正中间的文字

    # 主题目录 `themes\fluid` 下 `_config.yml` 中的 `text` 字段。
    slogan:enable: true# 为空则按 hexo config.subtitle 显示# If empty, text based on `subtitle` in hexo configtext: "芝兰生于空谷,不以无人而不芳!"
    

部署到 github pages

有多种方式,这里选择较为简单的一种

推送根目录下的 public 目录到 github 仓库中,访问即可!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/50396.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

「Java」《Java集合框架详解:掌握常用集合类,提升开发效率》

Java集合框架详解:掌握常用集合类,提升开发效率 摘要:一、 引言1.1 Java 集合框架的作用和重要性,在开发中的应用场景 二. 集合框架概述2.1 集合框架的基本目标和设计思想2.2 层次结构图示,各个集合接口之间的关系 三.…

AI 绘画Stable Diffusion 研究(十四)SD 图生图+剪映制作人物说话视频

大家好,我是风雨无阻。 前一篇,我们详细介绍了使用 SadTlaker制作数字人视频案例,感兴趣的朋友请前往查看:AI 绘画Stable Diffusion 研究(十三)SD数字人制作工具SadTlaker使用教程。 对于没有安装 SadTlaker 插件的朋友…

CH583/2构建工程教程

CH583/2构建工程教程 绪论资源移植步骤准备移植步骤一步骤二 工程配置修改工程名修改前修改后 工程配置修改资源文件 修改C/C general修改C/C构建修改汇编交叉编译修改C交叉编译修改GNU RISC-V Cross Linker 修改跟编译 移植注意事项 绪论 资源 CH583/2的SDK下载 移植步骤 …

Java课题笔记~ 整合第三方技术

1. 整合JUnit 问题导入 回忆一下Spring整合JUnit的步骤&#xff1f; 1.1 Spring整合JUnit&#xff08;复习&#xff09; 1.2 SpringBoot整合JUnit 【第一步】添加整合junit起步依赖(可以直接勾选) <dependency><groupId>org.springframework.boot</groupId…

flutter对数组中某个数据二次加工成单独的数组

如何将数据[2,1,2,2,2,1,2,2,3,2,2,2,2,3,2,2,2,2,2,3,2,4,2,2,1,2,3,2,4,2]加工成 [[2], 1, [2, 2, 2], 1, [2, 2], 3, [2, 2, 2, 2], 3, [2, 2, 2, 2, 2], 3, [2], 4, [2, 2], 1, [2], 3, [2], 4, [2]]。这是实际工作中遇到的问题&#xff0c;UI要求将某一类型数据&#xff…

Android View截屏长图拼接(RecyclerView)

Android页面View截图&#xff08;分享、保存相册&#xff09; Android View 截屏上下拼接 Android View截屏长图拼接&#xff08;RecyclerView&#xff09; Android View截屏长图拼接&#xff08;NestedScrollView&#xff09; RecyclerView截屏&#xff0c;其实就是遍历每…

前端实习day30

今天又是一个繁忙的一天&#xff0c;加功能&#xff0c;改样式&#xff0c;改得头皮发麻&#xff0c;预定的任务还是没能完成&#xff0c;改起来真得太头疼&#xff0c;代码太乱了&#xff01;&#xff01;昨天那个bug&#xff0c;今天问了一下同事&#xff0c;不到五分钟就解决…

无涯教程-PHP - intval() 函数

PHP 7引入了一个新函数 intdiv()&#xff0c;该函数对其操作数执行整数除法并将该除法返回为int。 <?php$valueintdiv(10,3);var_dump($value);print(" ");print($value); ?> 它产生以下浏览器输出- int(3) 3 PHP - intval() 函数 - 无涯教程网无涯教程网…

nodejs根据pdf模板填入中文数据并生成新的pdf文件

导入pdf-lib库和fontkit npm install pdf-lib fs npm install pdf-lib/fontkit 具体代码 const { PDFDocument, StandardFonts } require(pdf-lib); const fs require(fs); const fontkit require(pdf-lib/fontkit) let pdfDoc let font async function fillPdfForm(temp…

Ubuntu Touch OTA-2 推出,支持 Fairphone 3 和 F(x)tec Pro1 X

导读UBports 基金会近日宣布为基于 Ubuntu 20.04 LTS (Focal Fossa) 的 Ubuntu Touch 移动操作系统发布并全面提供 OTA-2 软件更新。 Ubuntu Touch OTA-2 在首次 OTA 更新整整四个月后发布&#xff0c;支持新设备&#xff0c;包括 Fairphone 3、F(x)tec Pro1 X 和 Vollaphone X…

Ubuntu部署PHP7.4

系统版本&#xff1a;Ubuntu22.04 PHP版本: 7.4 Mysql版本&#xff1a;8.0 Nginx版本: 最新 1. 更新系统 首先&#xff0c;确保系统包是最新的&#xff1a; sudo apt update && sudo apt upgrade -y2. 安装 Nginx Nginx 在默认的 Ubuntu 仓库中&#xff0c;因此安装…

libdrm全解析八 —— 源码全解析(5)

接前一篇文章&#xff1a;libdrm全解析七 —— 源码全解析&#xff08;4&#xff09; 本文参考以下博文&#xff1a; DRM 驱动程序开发&#xff08;VKMS&#xff09; 特此致谢&#xff01; 本文继续对include/drm/drm.h中实际功能宏定义进行讲解。 7. DRM_IOCTL_GET_STATS …

HarmonyOS开发第一步,熟知开发工具DevEco Studio

俗话说的好&#xff0c;工欲善其事&#xff0c;必先利其器&#xff0c;走进HarmonyOS第一步&#xff0c;开发工具必须先行&#xff0c;当然了&#xff0c;关于开发工具的使用&#xff0c;官网和其他的博客也有很多的讲解&#xff0c;但是并没有按照常用的功能进行概述&#xff…

C++信息学奥赛2049:【例5.19】字符串判等

这段代码的功能是比较两个输入的字符串是否相等&#xff08;忽略大小写和空格&#xff09;&#xff0c;并输出 “YES” 或 “NO”。 解析注释后的代码如下&#xff1a; #include<bits/stdc.h> using namespace std; int main() {string arr; // 定义字符串变量arr&…

solidity0.8.0的应用案例9:代理合约

代码由OpenZeppelin的Proxy合约简化而来。 代理模式 Solidity合约部署在链上之后,代码是不可变的(immutable)。这样既有优点,也有缺点: 优点:安全,用户知道会发生什么(大部分时候)。坏处:就算合约中存在bug,也不能修改或升级,只能部署新合约。但是新合约的地址与…

Hive 导入csv文件,数据中包含逗号的问题

问题 今天 Hive 导入 csv 文件时&#xff0c;开始时建表语句如下&#xff1a; CREATE TABLE IF NOT EXISTS test.student (name STRING COMMENT 姓名,age STRING COMMENT 年龄,gender STRING COMMENT 性别,other_info STRING COMMENT 其他信息 ) COMMENT 学生信息表 ROW FORM…

T362598 Glaciaxion

Glaciaxion 题目描述 冰封的世界可以看作是 $ n $ 块初始时冷冻的冰川&#xff0c;这些冰川被编号为 1 ∼ n 1 \sim n 1∼n。 探测器抵达后的 $ m $ 秒&#xff0c;每秒都会探测到一块冰川融化。 当一块冰川第一次融化时&#xff0c;探测器返回 N&#xff0c;否则返回 Y。…

Keepalive+LVS群集部署

一、Keepalive概述 keepalived 软件起初是专为 LVS 负载均衡软件设计的&#xff0c;用来管理并监控 LVS集群中各个服务节点的状态&#xff0c;后来又加入了可以实现高可用的 VRRP 功能。因此&#xff0c;keepalived 除了能够管理 LVS集群外&#xff0c;还可以为其他服务&#…

内网安全:WMI协议与SMB协议横向移动

目录 网络拓扑图 网络环境说明 WMI协议 SMB协议 域内信息收集 WMI协议 - 横向移动 利用方式一&#xff1a;wmic命令 利用方式一&#xff1a;cscript 利用方式一&#xff1a;impacket SMB协议 - 横向移动 利用方式一&#xff1a;psexec 利用方式二&#xff1a;psexe…

debian apt error: Package ‘xxx‘ has no installation candidate

新的debian虚拟机可能会出现这个问题。 修改apt的source.list&#xff0c;位于/etc/apt/source.list&#xff0c;添加两行&#xff1a; deb http://deb.debian.org/debian bullseye main deb-src http://deb.debian.org/debian bullseye main执行&#xff1a; sudo apt-get u…