Giter VIP home page Giter VIP logo

sunseekers.github.io's Introduction

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.github.io's People

Contributors

sunseekers avatar yuewen-zm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

sunseekers.github.io's Issues

JavaScript 库 + UI插件推荐 + 周边技术 — sunseekers

https://sunseekers.github.io/2019/07/05/web/

日常工作用的 js 库,UI 插件痛点是:只有7秒钟的记忆,知道很多好用的库或者 UI ,但是每一次都说不出名字,都要各种查找,呼唤记忆。大量时间被浪费,这篇文章用做记录,方便我下次快速查找到,会陆续更新,有问题或者有好的推荐的朋友可以提pr,或者私聊我,我加上去。相信我个人的力量是有限的,我所列出基本都是公司项目中用过,或者朋友推荐。入职前端到目前一直使用的都是 vue ,所推荐有关 UI ,基本默认是 vue,在我的熟悉范围推荐。排名不分前后,瞎排,有可能不分文案写错了,欢迎指正部分内容具有时效性,所有内容仅供参考,如有侵权联系我进行删除

CSS 之em单位 — sunseekers

https://sunseekers.github.io/2021/05/24/em/

背景我忽然发现em这个东西在我同事眼里居然是个宝,用它可以实现很多东西比如CSS 实现多行文本“展开收起”。我第一次接触并在项目中使用是移动端网页在微信内打开,字体放大布局紊乱。后来我发现居然还可以这样用

如何拥有一个属于自己的vite插件 — sunseekers

https://sunseekers.github.io/2021/08/01/vite-plugin/

背景vue3 + vite2 的结合创建了一个项目,体验到了目前最好的极致的开发体验。曾和公司同事推荐过,想要进一步推广,让更多的项目,体验到这种极致的开发体验。特别是一些老项目,比如使用gulp构建的项目,我觉得他已经完成了自己的历史使命了,新的时代,他又了新的使命。抱着想试试老项目构建换vite的可行性和成本,开始了vite的探索之路

欢迎来到我的世界 — sunseekers

https://sunseekers.github.io/2019/07/04/hello-world/

开启我的博客之旅为什么我要写博客距离上一次搭建博客是三年前了,但是三年前搭了一个框架,就没有下文了,那时候没啥可写的,就放弃了。现在觉得有些东西应该被记录,不能被遗忘,虽然有记事本,备忘录,有道笔记,他们都留下了我的痕迹,有些杂乱不成文,每次找起来都很不方便。所以博客他就诞生了,博客主要记录工作,微信公众号主要记录生活。

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.