Giter Site home page Giter Site logo

blog's Introduction

blog's People

Contributors

xiaoheiwa avatar

Watchers

 avatar

blog's Issues

如何通过github搭建博客?

要通过 GitHub 搭建博客,可以按照以下步骤进行操作:

  1. 创建一个新的 GitHub 仓库。在仓库名称中,使用 <yourusername>.github.io 的格式,其中 <yourusername> 是你的 GitHub 用户名。这是为了符合 GitHub Pages 的要求。

  2. 将你的博客文件(如 HTML、CSS、JavaScript 文件)上传到该仓库。你可以直接在仓库的页面上点击 Add file 或拖放文件来上传。

  3. 如果你使用静态网站生成器(如 Jekyll、Hugo、Gatsby 等),可以将该生成器的配置文件和源文件一起上传到仓库。GitHub Pages 将会自动构建和部署你的博客。

  4. 等待 GitHub 完成构建和发布过程。这可能需要一些时间,具体时间取决于你的博客大小和网络连接的速度。

  5. 访问 <yourusername>.github.io(用你的 GitHub 用户名替换 <yourusername>)来查看你的博客。如果一切正常,你就可以在这个网址上访问你的博客了。

请注意,上述步骤假设你已经具备基本的 Git 和 GitHub 的使用知识。如果你是 GitHub 的新手,可能需要先学习一些基本的 Git 和 GitHub 概念和操作。

此外,你还可以在仓库的 Settings 页面中进行一些个性化设置,如选择主题、设置自定义域名等。GitHub Pages 支持多种静态网站生成器以及自定义域名绑定,你可以根据自己的需求进行配置。

希望这些步骤能够帮助你成功搭建自己的博客!

一个超轻量级个人博客程序

大家好,我是小白。

今天推荐的这个项目是「Gmeek」,一个博客框架,超轻量级个人博客模板。

完全基于 GitHub Pages、GitHub Issues 和 GitHub Actions。不需要本地部署,从搭建到写作,只需要 18 秒,2 步搭建好博客,第 3 步就是写作。

Gmeek 特性

  • UI 界面和 GitHub 同源,只引入了 GitHub 原生 CSS:primer.style;
  • 博客写作在 Issues 中完成后,自动触发 Actions 执行部署任务;
  • 评论系统引入 utteranc.es;
  • 使用 jinja2 对 HTML 进行渲染,可通过模板自定义 UI 主题。

微信截图_20240105210132

安装步骤

  1. 点击创建仓库,建议仓库名称为 XXX.github.io,其中 XXX 为你的 GitHub 用户名;
  2. 在你创建好的仓库的设置 (Settings) 中,选择 Pages -> Build and deployment -> Source 为 GitHub Actions;
  3. 打开一篇 issue,开始写作,并且添加一个标签,保存 issue 后会自动创建博客内容,片刻后可通过 https://XXX.github.io 访问。

体验地址https://blog.xbbdkj.com/

开源项目地址https://github.com/Meekdai/Gmeek

开源项目作者:Meekdai

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.