GithubHelp home page GithubHelp logo

star2056 / shioko114514.github.io Goto Github PK

View Code? Open in Web Editor NEW

This project forked from newusername2022/cybergipsy2020.github.io

0.0 1.0 0.0 5.12 MB

一个简单的博客示例

Home Page: https://cybergipsy2020.github.io/

License: Other

Ruby 3.93% HTML 39.44% CSS 56.64%

shioko114514.github.io's Introduction

说明

这是一个使用这个框架创造博客的傻瓜方法,Github上传下载速度极其慢的朋友们可以照着这个方法做。

如果Github上传下载速度还可以,建议简单学习git,git clone以后在本地修改然后上传。

开始

搭建博客

  • 创建一个Github账号
  • https://github.com/cybergipsy2020/cybergipsy2020.github.io点击右上的Fork
  • 等待片刻,然后点右上角的图标,进入Your repositories,然后进入cybergipsy2020.github.io
  • 你现在在coding的tab,点开最右边的settings,将cybergipsy2020.github.io改成你的用户名,比如username.github.io
    • 如果你看到你的repository的名字变成username / username.github.io,那说明你成功了。
    • 等待一会儿,焦虑刷新https://username.github.io,直到你的博客被生成。
  • 点击回到coding的tab,寻找_config.yml文件并点开。
    • 点击Raw|Blame|History右边第二个笔符号的图标(鼠标悬浮时会出现Edit this file),你会进入编辑界面。
    • 根据提示编辑博客设定,直到满意为止。
      • 可以对比https://username.github.io博客显示出来的内容进行修改。
      • #符号以后的内容是评论,不会在博客显示出来。

修改关于页面

  • 找到about.md文件,在其中进行修改。

创建新文章

  • 进入_posts文件夹,点击Create new file
  • Name your file处填入YYYY-MM-DD-文章名.md
  • 在正文空白处,复制黏贴如下的几行,并按照自己想要的办法修改:
    • 这是文章的头部信息,每更新新文章时都需要。
---
title: 博文名
layout: post
categories: [分类一,分类二]
image:
#gif: mygif
description: "博文介绍"
customexcerpt: "博文摘要"
---
  • 接下来添加你的正文。
  • 拉到最下,点Commit new file,提交此次修改。
  • 焦虑刷新https://username.github.io,直到你的新文章出现。

添加图片

  • 在文章的头部,可以在image:后添加图片路径。比如/assets/img/logo.jpg
  • 在文章中可以用markdown语法添加图片。格式为![图片下标](图片路径)

评论系统 (6/22/2020 更新)

我在这个框架内更新了文章评论系统Gitalk,一个基于Github Issues的博客评论。

  1. code的tab那一排中点开settings设定,在Features中勾选Issues,让Issues显示。
  2. 确保你的github已登陆,点这里注册一个OAuth application。
  • Application name:你的用户名,username
  • Homepage URLAuthorization callback URL:https://userrname.github.io
  • 确认后会出现你的clientIDclientSecret
  1. _config.yml中作出相应修改。
  2. 等待新的博客生成,然后点入你的任何文章,最底下会出现评论系统,第一次使用会需要登陆一下。
  3. 你的评论也会在code的tab的左边的Issues里出现,方便管理。

如何获取获取本博客框架更新 (6/22/2020 更新)

建立在你已经fork了本博客框架的基础上,如果你还没有fork,可以直接fork并跳过这一步。

  1. 点击branch: master那一行边上的New pull request
  2. base repositories中选择 cybergipsy2020/cybergipsy2020.github.iohead repositories中选择你的博客username/username.github.io,点击Create pull request确认。
  3. Title随便填,可以说明本次更新的目的。
  4. 检查一下修改的内容,拉到最下面,点击Merge pull requestConfirm merge request

可以在右上角Fork的左边点击Star和Watch,如果我再次更新博客框架你会获得通知。

如何获取获取本博客框架更新 (7/9/2020 更新)

Fork了其他两个能在Github Pages显示的博客框架:修改方式和本说明类似。

Repo:https://github.com/cybergipsy2020/Pudhina

示例地址

Repo:https://github.com/cybergipsy2020/jekyll-theme-prologue

示例地址

更多说明

  • 自己搭建博客的好处我就就不重申了。搭建博客的上限很高,这只是最基础的让你快速拥有一个博客的方法。方法很多,可以不用这个主题,甚至不用这个框架。你的所有文章会被保存在_posts,很方便浏览和导出。
  • 这个是搭在Jekyll-YAMT主题的一个博客。
    • 更多自定义本主题的方法在文件夹_data中还有一些,可以点开后摸索。更详细例如添加页面、添加图片、添加外链、导入文章可以看链接中的原主题+自己搜索,也可以私信我。我有机会可能也会更新一些。
  • 如果感兴趣更多可以来这个搭博客群大家共同进步:974862920。赛博流浪者们,是时候拿起科技的武器了。

modified by ipsy

Credits

Inspired by Lagrange by LeNPaul.
Also great help from this blog, I've used this even before I created this theme.
Images from Unsplash.

License

The theme is available as open source under the terms of the MIT License.

shioko114514.github.io's People

Contributors

newusername2022 avatar pandasekh avatar traviscibot avatar

Watchers

 avatar

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.