diff --git "a/blog/program/Nest grpc \345\256\236\350\267\265\344\271\213\350\260\203\347\224\250 python ddddocr \345\272\223.md" "b/blog/program/Nest grpc \345\256\236\350\267\265\344\271\213\350\260\203\347\224\250 python ddddocr \345\272\223.md" index a46e0bd4..e3a645d0 100644 --- "a/blog/program/Nest grpc \345\256\236\350\267\265\344\271\213\350\260\203\347\224\250 python ddddocr \345\272\223.md" +++ "b/blog/program/Nest grpc \345\256\236\350\267\265\344\271\213\350\260\203\347\224\250 python ddddocr \345\272\223.md" @@ -6,7 +6,6 @@ authors: kuizuo tags: [nest, grpc, python, ddddocr] keywords: [nest, grpc, python, ddddocr] description: 本文将使用 nest 通过 grpc 的方式来调用 python 的 ddddocr 库来识别验证码。 -image: https://img.kuizuo.cn/202307290823586.png --- 我曾经写过一个项目 [ddddocr_server](https://github.com/kuizuo/ddddocr_server),使用 fastapi 提供 http 接口,以此来调用 [ddddocr](https://github.com/sml2h3/ddddocr) 库。 diff --git a/src/css/custom.scss b/src/css/custom.scss index 02e0146c..08e1de86 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -262,6 +262,25 @@ div[class^='announcementBar_'] { border-left: 3px solid #ff000080; } +.readMore { + display: flex; + flex: 1 1 auto; + justify-content: flex-end; + align-items: center; + gap: 2px; + + opacity: 0; + + transition: 0.2s; + + color: var(--ifm-link-color); + font-weight: 500; + + a:hover { + text-decoration: none; + } +} + .blog-card { border-radius: var(--ifm-pagination-nav-border-radius); margin-top: 0; @@ -269,6 +288,10 @@ div[class^='announcementBar_'] { background: var(--blog-item-background-color); box-shadow: var(--blog-item-shadow); padding: 1em 1.25em 0.75em; + + &:hover .readMore { + opacity: 1; + } } .container-wrapper { diff --git a/src/theme/BlogPostItem/Content/index.tsx b/src/theme/BlogPostItem/Content/index.tsx index 02296bda..4a3011ac 100644 --- a/src/theme/BlogPostItem/Content/index.tsx +++ b/src/theme/BlogPostItem/Content/index.tsx @@ -5,10 +5,7 @@ import { useBlogPost } from '@docusaurus/theme-common/internal' import MDXContent from '@theme/MDXContent' import type { Props } from '@theme/BlogPostItem/Content' -export default function BlogPostItemContent({ - children, - className, -}: Props): JSX.Element { +export default function BlogPostItemContent({ children, className }: Props): JSX.Element { const { isBlogPostPage } = useBlogPost() return (