GithubHelp home page GithubHelp logo

honnotes's Introduction

基于vuepress-theme-hope主题

😊 Eric Hon

Hi,远方的朋友,很高兴能和你在这片小天地相遇。我是 Eric Hon,这个名字是我一拍脑门想出来的 🤣,所以一般我不会用于比较正式的场合,大家也可以用 南汐 称呼我。由于一些历史遗留,我也会使用 Erichon 作为用户名,即 埃里克

✨ 初衷

我十分想通过某一些小途径完成我某些时候对于技术的想象。而另一方面,在快节奏的时代背景下控制自己主动的进行内容整理,复盘,归档与输出也是一种自我学习与提高十分有效的方法之一。

曾经,我把知识记录在...en.好像我没有网络记录习惯,好像是有,手机记事本、电脑TXT文件,这样一来散落各处,使用起来很麻烦,也难以对外分享。

更重要的是,搜集、记录的“知识”并不属于你,只有经过消化、应用,才会成为自己的知识。

✨ 搭建之路

开始

之前的博客用过Wordpress、Typecho、鲶鱼(小站,最近停了),还用过静态网页端的,除了需要用到服务器之外要添加和定制化的东西都只能基于html+js+css完成,对于我这个非专业前端人员来说,有些麻烦,所以一直有想更换引擎的想法。直到偶然间发现vuepress,首先是被vue3+typescript+vite吸引,然后看到默认主题属实有点不合符我的期待,自己动手成本又太高,也没有太急着去折腾。

尝试

此前找了好多的版本去试着探索部署,3月29日在GitHub上偶然间看到rockbenben 发布的“LearnData”,觉得是它没错了,就在3月31日晚着手部署了,结果发现部署是有一定的难度,环境变量问题一直解决不了,于是只好放弃。后来在B站上看到了 meathill 基于gitbook改的主题,在4月3日进行了部署实验,比上一次好的地方就是工作流没有问题,但是模板还是缺少了我想要的功能。直到无意中发现了 vuepress-theme-hope,漂亮的外观一下子就吸引到我了,然后去官网深入研究了一番,发现好多主题都是基于这个并且二次开发的成本并不高,对于我来说比较友好,基本都是基于选项的配置型,和一小部分的定制开发,也可以基于vue来写,这让我觉得很合适。所以,一步步折腾了起来……于是便又去查询了一下,查看了文档,重新配置了一下电脑环境(此前是node18.15版本,没有安装yarn命令,这次安装的是16.20版本并安装了yarn命令),终于成功了,不容易啊。

Markdown增强

hope主题的markdown效果是出乎意料的好,而且支持了很多普通markdown不支持的东西,如自定义容器、带tab的代码块,可选高亮主题(本站代码高亮基于shikiPlugin,虽不如默认的prismjs轻量高效,但能提供更准确的语法高亮)具体效果看这里☞Markdown展示

✨ 团队成员

更新中......







为往圣继绝学,一个人或许能走的更快,但一群人会走的更远。

✨ 参与贡献

  1. 如果您对本项目有任何建议或发现文中内容有误的,欢迎提交 issues 进行指正。
  2. 对于本站文中、笔记我没有涉及到知识点,欢迎提交 PR。
  3. 如果您有文章推荐请以 markdown 格式到邮箱。
  4. 如果你也想要使用此布局,可以我的GitHub上 main: fork一下。
  5. 所有的文件都在 GitHub
  6. 原主题见 vuepress-theme-hope

honnotes's People

Contributors

erichongyongjie 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.