andatoshiki/toshiki-notebook
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-notebook.git synced 2026-06-06 09:16:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix((proxy): use self-hosted cors gitalk oath proxy & lint scss

Browse Source
This commit is contained in:
Anda Toshiki 2023-05-23 21:59:55 +08:00
parent aaeba78205
commit f41c31ab11
2 changed files with 88 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
docs/.vitepress/theme/components/layout/Comment.vue
View File

@ -1,32 +1,32 @@
<template> <template>
<div id="comment-container"></div> <div id="comment-container"></div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { reactive, toRefs, onMounted } from 'vue'; import { reactive, toRefs, onMounted } from 'vue'
import { useData } from 'vitepress'; import { useData } from 'vitepress'
import md5 from 'blueimp-md5'; import md5 from 'blueimp-md5'
import $ from 'jquery'; import $ from 'jquery'
import { Message } from '@arco-design/web-vue'; import { Message } from '@arco-design/web-vue'
import '@arco-design/web-vue/es/message/style/css.js'; import '@arco-design/web-vue/es/message/style/css.js'
import Gitalk from 'gitalk'; import Gitalk from 'gitalk'
import '../../styles/component/gitalk.scss'; import '../../styles/component/gitalk.scss'
// 定义属性 // 定义属性
const props = defineProps({ const props = defineProps({
commentConfig: Object, commentConfig: Object,
}); })
const data = reactive({ const data = reactive({
type: props.commentConfig?.type ?? 'gitalk', type: props.commentConfig?.type ?? 'gitalk',
}) })
const { type } = toRefs(data); const { type } = toRefs(data)
// 初始化评论组件配置 // 初始化评论组件配置
const { page } = useData(); const { page } = useData()
let gitalk; let gitalk
if (type.value && type.value == 'gitalk') { if (type.value && type.value == 'gitalk') {
gitalk = new Gitalk({ gitalk = new Gitalk({
clientID: '938407aebb84fc7e93d9', clientID: '938407aebb84fc7e93d9',
clientSecret: '7e18d4f1b541dde0a35725b19141341b308ea3d4', clientSecret: '7e18d4f1b541dde0a35725b19141341b308ea3d4',
repo: 'toshiki-notebook', repo: 'toshiki-notebook',
@ -36,45 +36,45 @@
language: 'en-US', language: 'en-US',
distractionFreeMode: false, distractionFreeMode: false,
// 默认: https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token // 默认: https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token
proxy: 'https://vercel.andatoshiki.top/github_access_token', proxy: 'https://cors.toshiki.dev/?https://github.com/login/oauth/access_token',
}); })
} }
// 渲染评论组件 // 渲染评论组件
onMounted(() => { onMounted(() => {
if (type.value && type.value == 'gitalk') { if (type.value && type.value == 'gitalk') {
gitalk.render('comment-container') gitalk.render('comment-container')
// 如果点赞，先判断有没有登录 // 如果点赞，先判断有没有登录
let $gc = $('#comment-container'); let $gc = $('#comment-container')
$gc.on('click', '.gt-comment-like', function () { $gc.on('click', '.gt-comment-like', function () {
if (!window.localStorage.getItem('GT_ACCESS_TOKEN')) { if (!window.localStorage.getItem('GT_ACCESS_TOKEN')) {
Message.warning({ Message.warning({
content: 'Please login before you like', content: 'Please login before you like',
closable: true closable: true,
}) })
return false return false
} }
return true return true
}) })
// 提交评论后输入框高度没有重置bug // 提交评论后输入框高度没有重置bug
$gc.on('click', '.gt-header-controls .gt-btn-public', function () { $gc.on('click', '.gt-header-controls .gt-btn-public', function () {
let $gt = $('.gt-header-textarea') let $gt = $('.gt-header-textarea')
$gt.css('height', '72px') $gt.css('height', '72px')
}) })
// 点击预览时，隐藏评论按钮 // 点击预览时，隐藏评论按钮
$gc.on('click', '.gt-header-controls .gt-btn-preview', function () { $gc.on('click', '.gt-header-controls .gt-btn-preview', function () {
let pl = $('.gt-header-controls .gt-btn-public'); let pl = $('.gt-header-controls .gt-btn-public')
if (pl.hasClass('hide')) { if (pl.hasClass('hide')) {
pl.removeClass('hide') pl.removeClass('hide')
} else { } else {
// 隐藏 // 隐藏
pl.addClass('hide') pl.addClass('hide')
} }
}) })
} }
}) })
</script> </script>
<style scoped></style> <style scoped></style>

52
docs/.vitepress/theme/styles/component/gitalk.scss
View File

@ -34,19 +34,20 @@
--c-badge-tip: var(--c-tip); --c-badge-tip: var(--c-tip);
--c-badge-warning: var(--c-warning); --c-badge-warning: var(--c-warning);
--c-badge-danger: var(--c-danger); --c-badge-danger: var(--c-danger);
--t-color: .3s ease; --t-color: 0.3s ease;
--t-transform: .3s ease; --t-transform: 0.3s ease;
--code-bg-color: #282c34; --code-bg-color: #282c34;
--code-hl-bg-color: rgba(0, 0, 0, .66); --code-hl-bg-color: rgba(0, 0, 0, 0.66);
--code-ln-color: #9e9e9e; --code-ln-color: #9e9e9e;
--code-ln-wrapper-width: 3.5rem; --code-ln-wrapper-width: 3.5rem;
--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
--font-family-code: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; 'Droid Sans', 'Helvetica Neue', sans-serif;
--font-family-code: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
--navbar-height: 3.6rem; --navbar-height: 3.6rem;
--navbar-padding-v: .7rem; --navbar-padding-v: 0.7rem;
--navbar-padding-h: 1.5rem; --navbar-padding-h: 1.5rem;
--sidebar-width: 20rem; --sidebar-width: 20rem;
--sidebar-width-mobile: calc(var(--sidebar-width) * .82); --sidebar-width-mobile: calc(var(--sidebar-width) * 0.82);
--content-width: 740px; --content-width: 740px;
--homepage-width: 960px; --homepage-width: 960px;
} }
@ -78,7 +79,8 @@ html.dark {
@font-face { @font-face {
font-family: octicons-link; font-family: octicons-link;
src: url(data:font/woff;charset=utf-8;base64,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) format('woff'); src: url(data:font/woff;charset=utf-8;base64,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)
format('woff');
} }
.markdown-body { .markdown-body {
@ -86,17 +88,18 @@ html.dark {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
line-height: 1.5; line-height: 1.5;
color: var(--c-text); color: var(--c-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol';
font-size: 14px; font-size: 14px;
line-height: 1.5; line-height: 1.5;
word-wrap: break-word; word-wrap: break-word;
transition: background-color var(--t-color), border-color var(--t-color); transition: background-color var(--t-color), border-color var(--t-color);
} }
.g-emoji{ .g-emoji {
display: inline-block; display: inline-block;
min-width: 1ch; min-width: 1ch;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", serif; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', serif;
font-size: 1em; font-size: 1em;
font-style: normal !important; font-style: normal !important;
font-weight: 400; font-weight: 400;
@ -162,7 +165,7 @@ html.dark {
} }
.markdown-body .pl-c2::before { .markdown-body .pl-c2::before {
content: "^M"; content: '^M';
} }
.markdown-body .pl-sr .pl-cce { .markdown-body .pl-sr .pl-cce {
@ -290,7 +293,7 @@ html.dark {
overflow: visible; overflow: visible;
} }
.markdown-body [type="checkbox"] { .markdown-body [type='checkbox'] {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
@ -331,13 +334,13 @@ html.dark {
.markdown-body hr::before { .markdown-body hr::before {
display: table; display: table;
content: ""; content: '';
} }
.markdown-body hr::after { .markdown-body hr::after {
display: table; display: table;
clear: both; clear: both;
content: ""; content: '';
} }
.markdown-body table { .markdown-body table {
@ -423,14 +426,14 @@ html.dark {
} }
.markdown-body code { .markdown-body code {
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
font-size: 12px; font-size: 12px;
} }
.markdown-body pre { .markdown-body pre {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
font: 12px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font: 12px 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
} }
.markdown-body .octicon { .markdown-body .octicon {
@ -467,13 +470,13 @@ html.dark {
.markdown-body::before { .markdown-body::before {
display: table; display: table;
content: ""; content: '';
} }
.markdown-body::after { .markdown-body::after {
display: table; display: table;
clear: both; clear: both;
content: ""; content: '';
} }
.markdown-body > *:first-child { .markdown-body > *:first-child {
@ -701,7 +704,7 @@ html.dark {
.markdown-body code::before, .markdown-body code::before,
.markdown-body code::after { .markdown-body code::after {
letter-spacing: -0.2em; letter-spacing: -0.2em;
content: "\A0"; content: '\A0';
} }
.markdown-body pre { .markdown-body pre {
@ -765,7 +768,7 @@ html.dark {
.markdown-body kbd { .markdown-body kbd {
display: inline-block; display: inline-block;
padding: 3px 5px; padding: 3px 5px;
font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font: 11px 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
line-height: 10px; line-height: 10px;
color: #444d56; color: #444d56;
vertical-align: middle; vertical-align: middle;
@ -1088,7 +1091,7 @@ html.dark {
.gt-container .gt-meta:before, .gt-container .gt-meta:before,
.gt-container .gt-meta:after { .gt-container .gt-meta:after {
content: " "; content: ' ';
display: table; display: table;
} }
@ -1238,7 +1241,7 @@ html.dark {
.gt-container .gt-header-controls:before, .gt-container .gt-header-controls:before,
.gt-container .gt-header-controls:after { .gt-container .gt-header-controls:after {
content: " "; content: ' ';
display: table; display: table;
} }
@ -1388,7 +1391,8 @@ html.dark {
text-decoration: underline; text-decoration: underline;
} }
.gt-container .gt-comment-text, .gt-container .gt-comment-date { .gt-container .gt-comment-text,
.gt-container .gt-comment-date {
margin-left: 0.5em; margin-left: 0.5em;
color: #a1a1a1; color: #a1a1a1;
font-size: 0.875em; font-size: 0.875em;