Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

onresize/web-blogs

Repository files navigation

home title heroText heroImage tagline actions features
true
.
/image.webp
💻学习📝记录🔗分享
text link
✨开始阅读 →
/技术总结/
title details
简洁至上⭐️
以 markdown 为中心的项目结构,以最少的配置帮助你专注于写作。
title details
vue驱动⭐️
享受 vue + vite 的开发体验,在 markdown 中使用 vue 组件,同时可以使用 vue 来开发自定义主题。
title details footer
高性能⭐️
vuePress2.0 为每个页面预渲染生成静态的 HTML,同时在页面被加载的时候,将作为 SPA 运行。
<style> body { background: transparent !important; } .home .hero img { filter: drop-shadow(0 0 .6em #A38034); } .home .features { /* border-top: 1px solid #eaecef !important; */ border-top: 1px dashed rgba(0, 0, 0, 0.05) !important; } .home-bg-container { position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; pointer-events: none; } .home-bg { width: 100%; height: 100%; object-fit: cover; } .home-bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: url('/bg-heading.png') repeat; background-size: auto; */ /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z+AAAABmJLR0QA/wD/A+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVQImU3IMREAIAgAwJfNkQCEsH8cijjpMf6vnXlQaIiJF+omEBfmqIEZLe2jzcAAAAASUVORK5CYII=); */ } #main-title { /* color: #ADBAC7 !important; */ color: #f5f5f5 !important; font-weight: 500 !important; font-size: 2.3em !important; } .feature > h2, .feature > p { /* color: #96A7B7 !important; */ color: #f5f5f5 !important; } .actions a { color: #f5f5f5 !important; } .g-c-box { width: 100%; height: 100%; position: fixed; z-index: -1; top: 0; left: 0; background: #000 !important; } .g-container { width: 100%; height: 100%; position: fixed; z-index: -2; top: 0; left: 0; overflow: hidden; } .g-bg { width: 100%; height: 100%; background: url('/bg.png'); background-size: cover; background-position: center; z-index: 1; } .g-circle { position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.5); width: 400px; height: 400px; background: url('/circle.png'); /* filter: invert(0.8); */ background-size: cover; animation: scale 8s infinite; } @keyframes scale { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; } 30% { opacity: 0.7; } 100% { transform: translate(-50%, -50%) scale(10); opacity: 0; } } </style>

About

vuepress2搭建的个人博客

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

AltStyle によって変換されたページ (->オリジナル) /