Skip to content

onresize/web-blogs

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 153 Commits
.github/workflows		.github/workflows
.vscode		.vscode
build		build
docs		docs
sdk/region-screenshot		sdk/region-screenshot
.gitignore		.gitignore
.gitlab-ci.yml		.gitlab-ci.yml
.npmrc		.npmrc
.prettierignore		.prettierignore
LICENSE		LICENSE
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml

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搭建的个人博客

onresize.github.io/web-blogs

Topics

Resources

License

Stars

Watchers

Forks

Report repository

Packages

No packages published

Languages

JavaScript 100.0%