Git Product home page Git Product logo

sunseekers

我的个人博客地址:https://sunseekers.github.io/

二次升级模板来源:https://github.com/bran-nie/mzlogin.github.io

源头Fork自码志的https://github.com/mzlogin/mzlogin.github.io

概览

Fork 指南

Fork 本项目之后,还需要做一些事情才能让你的页面「正确」跑起来。

  1. 正确设置项目名称与分支。

    按照 GitHub Pages 的规定,名称为 username.github.io 的项目的 master 分支。
    username 为你 github 的账号名称

  2. 修改域名。

    如果你需要绑定自己的域名,那么修改 CNAME 文件的内容;如果不需要绑定自己的域名,那么删掉 CNAME 文件。
    图上面有介绍怎么修改域名。需要绑定域名的可以参考她的方式
    本人没有使用域名,已经将其 CNAME 文件删除了

  3. 修改配置。

    网站的配置基本都集中在 _config.yml 文件中,将其中与个人信息相关的部分替换成你自己的,比如网站的 url、title、subtitle 和第三方评论模块的配置等。

    评论模块: 目前支持 disqus、gitment 和 gitalk,选用其中一种就可以了。它们各自的配置指南链接在 _config.yml 文件的 Comments 一节里都贴出来了。

    本人使用的是 gitalk 。gitment 按教程配置没成功。有报错,没找到解决方式,于是放弃。
    注册 OAuth Application 来注册一个新的 OAuth Application。其他内容可以随意填写, 但要确保填入正确的 callback URL(一般是评论页面对应的域名,这里我填的是我 Blog 域名 https://sunseekers.github.io )。
    你会得到一个 client ID 和一个 client secret,这个将被用于之后的用户登录。 将其在 _config.yml 中替换掉

     gitalk:
         owner: '你的 GitHub ID'
         repo: '存储评论的 repo'
         clientID: '你的 client ID'
         clientSecret: '你的 client secret'
    

    在这里你得新建一个存储评论的仓库

  4. 删除我的文章与图片。

    如下文件夹中除了 template.md 文件外,都可以全部删除,然后添加你自己的内容。

    • _posts 文件夹中是我已发布的博客文章。
    • _drafts 文件夹中是我尚未发布的博客文章。
    • _wiki 文件夹中是我已发布的 wiki 页面。
    • images 文件夹中是我的文章和页面里使用的图片。
  5. 修改「关于」页面。

    pages/about.md 文件内容对应网站的「关于」页面,里面的内容多为个人相关,将它们替换成你自己的信息,包括 _data 目录下的 skills.yml 和 social.yml 文件里的数据。

  6. 增加博客阅读统计功能。 使用的是leancloud,参照的博客来源

    本人未用博客阅读统计功能。在 _config.yml 将其关闭了 本人未用博客深夜切换功能。在 dark-mode.html 将其关闭了

经验与思考

  • 如果大家觉得我的博客模板不错,clone 模板来源:https://github.com/bran-nie/mzlogin.github.io,就可以了,分分钟上手写博客
  • 在使用过程中,遇到问题,先自己思考然后在找人。模板是我一个朋友提供的Pengcheng Nie,有问题找他
  • 使用方式在_posts/blog目录下开头参考 template.md 模版,写好后接着提交到 GitHub 即可,效果和我的一样了

致谢

本博客外观

基于Pengcheng Nie

二次升级,中间遇到问题,感谢朋友热心帮忙

修改,非常感谢!

sunseekers's Projects

article icon article

总结分享html,css,javascript文章,主要是JavaScript

blog icon blog

【前端进阶】优质博文

demo icon demo

静态网页搭建模版

react icon react

入零门学习react,学习笔记,学习项目

sunseekers.github.io icon sunseekers.github.io

我的博客,记录我的学习,我的成长,我的工作。遇到的问题,解决的问题,各种推荐。会保持持续不定时更新,支持我是对我的鼓励。

t-plan icon t-plan

T型计划,面向前端初学者、前端基础知识不扎实和其他想要大幅提高前端技能的同学的练习及征集合作者的平台,希望能将大家集结在一起,更加有趣、高效、系统地学习 Web 前端技术。分别针对零基础、低级和中级前端出了不同的题目,可以让大家有针对性的练习、提高。

vue2 icon vue2

小白入坑vue三部曲,关于 vue 在工作的使用问题总结,请看博客 https://sunseekers.github.io/ 一直保持更新

vue3 icon vue3

js-dev 是尝试用vue3写的demo ts-dev里面有vue2和vue3分别是用ts写的不同版本的vue

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.