Git Product home page Git Product logo

astro-theme-typography's Introduction

Hi, I'm Moeyua 👋

  • 💻 A passionate Front-End Web Developer
  • 💫 Interested in Reading, Game, Anime...And any other pretty things
  • 💬 Blog at blog.moeyua.com
  • 📩 Reach me by sending me an email
  • 🌟 Nice to meet you

Languages and Tools:

JavaScript TypeScript Vue Astro wakatime

astro-theme-typography's People

Contributors

0xlau avatar chanzhaoyu avatar dependabot[bot] avatar ender-wiggin2019 avatar julyfun avatar lz233 avatar moeyua avatar suzulang avatar wbs99 avatar youunn avatar

Stargazers

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

Watchers

 avatar  avatar

astro-theme-typography's Issues

替换图标大小变化

在原来的 GitHub、RSS、Twitter 图标大小均为 19.2x19.2,但是我尝试参考ReadMe通过YouTube、WeChat等去做替换,发现大小变成了 4x4,在页面上显示未一个小点,不清楚是哪里的问题?

关于 markdown blockquotes 的小瑕疵

当我尝试使用 blockquotes 记录书籍的段落时,给我一种很突兀的感觉,参考常见的 blockquotes 的给人的感觉应该不是这样的。

blockquotes1 blockquotes

github actions: pages build and deployment

I came across an error and asked for your help, if you could look at it, thank you very much.

blog url: https://github.com/lv123123long/lv123123long.github.io

ERROR:------------------------------------------------below--------------------------------------------------------------------------------
Build with Jekyll

To use retry middleware with Faraday v2.0+, install faraday-retry gem
YAML Exception reading /github/workspace/src/components/Disqus.astro: (): mapping values are not allowed in this context at line 3 column 13
YAML Exception reading /github/workspace/src/components/Twikoo.astro: (): mapping values are not allowed in this context at line 3 column 7
ERROR: YOUR SITE COULD NOT BE BUILT:
------------------------------------
Invalid YAML front matter in /github/workspace/src/components/Giscus.astro
Error: Logging at level: debug GitHub Pages: github-pages v232 GitHub Pages: jekyll v3.10.0 Theme: jekyll-theme-primer Theme source: /usr/local/bundle/gems/jekyll-theme-primer-0.6.0 Requiring: jekyll-github-metadata Requiring: jekyll-seo-tag Requiring: jekyll-coffeescript Requiring: jekyll-commonmark-ghpages Requiring: jekyll-gist Requiring: jekyll-github-metadata Requiring: jekyll-paginate Requiring: jekyll-relative-links Requiring: jekyll-optional-front-matter Requiring: jekyll-readme-index Requiring: jekyll-default-layout Requiring: jekyll-titles-from-headings GitHub Metadata: Initializing... Source: /github/workspace/. Destination: /github/workspace/./_site Incremental build: disabled. Enable with --incremental Generating...

Add a comment section

我的实现

参考官网上的添加评论模块的实现,给自己的博客已经实现了评论功能,利用giscus
image

针对当前仓库的实现计划

英文文档

image

这里article直接指向了官方文档


中文文档

image

这个文章超链接,我打算指向我博客的文章,因为官网的文档只提供了英文版本,我打算写一个更加通俗易懂的中文版本。没有直接翻译是因为,我要进行截图,上传到图床,我怕出现版权之类的问题

大佬有没有什么建议?

是建议我把这两篇文章精简一下,写在当前项目的README.md的方式来实现,还是说用超链接的方式来实现?

[Performance] 代码和超链接配合使用问题

我观察到超链接是使用 border-bottom 来实现的,hover 的时候改变背景色,单独看没有问题。

假如我的 md 语法如下,代码和超链接配合使用:

[`Rollup configuration options pure`](https://rollupjs.org/configuration-options/#pure)

页面渲染如下图,代码背景盖住了下划线,hover 的时候也很奇怪。

image


我建议通过如下方式实现:

image

并且 hover 的效果改为字体高亮或者添加阴影,而不是改变背景。

你认为呢?期待你的回复🙏

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.