掘金编辑器新主题“中国红”上线啦!

3,721 阅读3分钟

本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。

本文实际为新主题的展示,大家如果有什么意见或者建议可以在文章下评论(评论可以抽奖哦,具体规则可以查看文章末尾),或者去mancuoj/Chinese-redissue,我会持续更新主题样式来满足你们的需求😊

楔子

9月30号夜里,我对着明天要出的掘力星活动苦思冥想,突然想到了贡献一个掘金编辑器的主题,于是当即我就新建了一个文件夹。。。

image-20211009110615282

主题就直接定为了中国红来庆祝祖国72周年华诞(格局打开)!

D89355D20107CC38B21CB4AB052DD547.jpg

后来想想大红色的话显示应该不会很好看,就换成了偏橘色的红,所以就在中国色上找了一些符合的中国传统颜色:

image-20211009110739151

事实证明我的选择非常正确(在查词的时候发现Chinese red本身就有橘红色的意思):

image-20211009111040500

10月1日列了一大堆的参考主题(最后有🔗),几番波折后,预览终于呈现出了我比较满意的效果(预览跟实际还是有差别的😭),我怀着激动的心情提交了人生的第一个pr

image-20211009111444255

然后是第一次修改,第二次修改......其实并没人会在国庆假期给我修改建议,只是我提交之后越看越不对,就陆续修改了一些东西:

image.png

我知道这七天国庆假期并没有人会看pr,就一直等啊等等到了10月8号(期间了还问了优弧大佬),终于等到了merge

image.png

期间还有一些小波折add theme "Chinese-red" by mancuoj,不过总体还是成功的:

image.png

主题已经上线了,欢迎大家选用:

image.png

这是一个大标题

I just love bold text. Italicized text is the cat's meow. At the command prompt, type nano.

My favorite markdown editor is ByteMD.

  1. First item
  2. Second item
  3. Third item

Dorothy followed her through many of the beautiful rooms in her castle.

这是一个小标题

我预览时的代码格式:

image.png

实际的代码格式,买家秀跟卖家秀了属于是:

image.png

不过只要大伙使用一个其他的light高亮样式就不会有框框外面的部分了:

int main () {
    printf("Hello Juejin");
    return 0;
    // 之后会改一下~
}

更小的标题

小小小小

小小小小小
小小小小小小

h4-h6并不常用就没做样式,并不是我懒

Automatic URL Linking: github.com/bytedance/b…

完蛋又错了,预览是对的到实际就错了

大伙先不要用这个 - [x]

image.png

  • Write the press release
  • Update the website
  • Contact the media
参考主题作者License
juejinMIT
smartblueTusiMIT
cyanosis林小帅MIT
Chinese-redMancuojMIT

总结

写一个主题并不难,欢迎大伙贡献更多好看的掘金主题(也让我有更多选择),具体如何贡献可以点这里掘金官方Github仓库,如果实在不会,我这两天会出一个图文开发贡献教程,因为确实挺多坑的,就比如这个预览跟实际不匹配的情况。

650D6E9610D8DC6F579D0AB987395F24.jpg

感谢以下大佬的typora主题:

欢迎在评论区讨论,掘金官方将在掘力星计划活动结束后,在评论区抽送100份掘金周边,抽奖详情见活动文章。