me . blog . projects . talks . podcasts . compform . mastodon . tweets . discord . instagram . sponsor
antfu / antfu.me Goto Github PK
View Code? Open in Web Editor NEWMy personal website
Home Page: https://antfu.me
License: MIT License
My personal website
Home Page: https://antfu.me
License: MIT License
Publishing date is Nov 1, 2022 and estimated reading time is 12 mins. But it seems that this post is truncated. Did something unexpected happen, or to be continued?
Looking forward to the complete post!
https://antfu.me/posts/nuxt3-or-vitesse
Ignore
npm
When I created over 200 lines of code blocks in the markdown, there was an error in building the pnpm run build
. If I delete it, it can be successfully built. I think it should be a bug.
pnpm run build
System:
OS: macOS 13.3.1
CPU: arm64 Apple M1
Shell: 5.9 - /bin/zsh
Binaries:
Node: 16.17.1 - /usr/local/bin/node
npm: 9.6.6 - /usr/local/bin/npm
Browsers:
Chrome: 112.0.5615.137
Safari: 16.4
pnpm
I have a question. After using npm to build, I use live-server to start the server in the dist file. There is no problem in initial entry, but the page cannot be found after refreshing, and the vercel build has the same problem. I recently discovered this problem while updating my blog. When I packaged your blog, I found that you had the same problem, but your online blog was normal. Why was this? How did you solve it?
Initially, I suspected that there was a routing problem after vite-plugin-pages was packaged. I found a similar builded problem in vite-plugin-pages/issues#247. Hope to get your help, I will close this issues.
only cannot find the page after refreshing
cd antfu.me
pnpm run build
cd dist
live-server
npm
I just run:
$ git clone https://github.com/antfu/antfu.me
$ pnpm i
$ pnpm build
An error has occurred when I build:
[vite-ssg] An internal error occurred.
[vite-ssg] Please report an issue, if none already exists: https://github.com/antfu/vite-ssg/issues
node:internal/modules/cjs/loader:933
const err = new Error(message);
^
Error: Cannot find module 'file:\D:\VscodeItems\antfu.me\.vite-ssg-temp\main.cjs'
Require stack:
- D:\VscodeItems\antfu.me\node_modules\.pnpm\v[email protected]_6acdbf34162ba7e10d9a1c150af90728\node_modules\vite-ssg\dist\node\cli.mjs at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
at Function.Module._load (node:internal/modules/cjs/loader:778:27)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (node:internal/modules/cjs/helpers:102:18)
at build (file:///D:/VscodeItems/antfu.me/node_modules/.pnpm/[email protected]_6acdbf34162ba7e10d9a1c150af90728/node_modules/vite-ssg/dist/node/cli.mjs:185:77)
at async Object.handler (file:///D:/VscodeItems/antfu.me/node_modules/.pnpm/[email protected]_6acdbf34162ba7e10d9a1c150af90728/node_modules/vite-ssg/dist/node/cli.mjs:298:3) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'D:\\VscodeItems\\antfu.me\\node_modules\\.pnpm\\[email protected]_6acdbf34162ba7e10d9a1c150af90728\\node_modules\\vite-ssg\\dist\\node\\cli.mjs'
]
}
ELIFECYCLE Command failed with exit code 1.
My env:
node: 16.13.1
OS: win10
Do you use netlify cms for managing your content? I see your config.yml file and you set folder for post to content/posts but i don't see content folder.
Cool personal web btw :)
The build is completed successfully, but still, animations aren't opening after hosting using GitHub pages. The subpages show 404 error,
please help me fix this I'm stuck here since last 1 month
https://www.rudrakshkarpe.me/portfolio/
https://github.com/rudrakshkarpe/portfolio
chrome, Edge
pnpm
You would expect the Blog nav link to remain active when on a specific posts/post
, but the .md
pages are not recognized as children of the posts
(or notes
) index link by the router.
Visit https://antfu.me/posts/animated-svg-logo, check the Blog nav link for .active-router-link class
This is not setup dependent, but is present in the compiled page output.
pnpm
/projects -> icones' link should be 'https://icones.js.org/'
'https://icones.js.app/' is not working~
none
npm
I see the table of contents hidden on the left, but the article mention it’s on the right。
I have read reimagine-atomic-css article, it's very cool and I want use it in new project👍
https://antfu.me/posts/reimagine-atomic-css
not need
npm
antfu 大佬,您好,我关注你很久了,也看你的 nuxt_playground 开发直播学习了很多东西,现在想自己开发点东西开做开源,但是因为本人技术有限,在做项目打包配置的时候,搞得比较混乱,导致现在项目打包之后,npm 安转后使用会报错,想如果您有时间的话,能不能帮忙看看该怎么处理打包的问题,项目地址是https://github.com/SmallTeddy/vue-files-preview,麻烦大佬了
项目地址是https://github.com/SmallTeddy/vue-files-preview,麻烦大佬了
mac系统
node:V18.16.0
npm: V9.5.1
pnpm
托尼托尼,🥹,按照你的项目结构搭建自己的博客过程中,使用vite的pages插件,404页面使用的是..404].md
这个文件名,为啥会出现这个问题呀
无
System:
OS: macOS 14.0
CPU: (8) arm64 Apple M1
Memory: 398.75 MB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 16.20.2 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 8.19.4 - /usr/local/bin/npm
pnpm: 8.7.5 - /usr/local/bin/pnpm
Browsers:
Chrome: 117.0.5938.88
Safari: 17.0
npm
I like how the Dots art background looks but I notices it takes a huge amount of CPU usage on a Windows laptop with 12th Gen Intel Core i7-1265U, around 40-50%, and make the fan speed up.
Go to the page with Dots art background, notice the CPU usage increases
Windows 11 x64, 12th Gen Intel Core i7-1265U, Chrome
bun
on netlify, when rendering pages, error occur in /nav page: Cannot convert undefined or null to object. I think navs is empty, so i give it the {}
(Object.keys(projects || {})
). And other pages frontmatter render error, and i try deploying on netlify again, it work. but all pages renders frontmatter is wrong, like this.
https://github.com/skyline523/leet.me
System:
OS: Windows 11 10.0.22631
CPU: (16) x64 13th Gen Intel(R) Core(TM) i5-13400F
Memory: 4.52 GB / 15.85 GB
Binaries:
Node: 20.10.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
npm: 10.2.3 - C:\Program Files\nodejs\npm.CMD
pnpm: 9.7.0 - E:\personal\leet.me\node_modules\.bin\pnpm.CMD
Browsers:
Edge: Chromium (127.0.2651.74)
Internet Explorer: 11.0.22621.3527
pnpm
Hi there,
I hope you are doing well.
I have been reading your website and I really enjoy your work, have a few questions about adding some new features to your website:
Mermaid diagrams
I know that there is a Mermaid package that can be added to Vitepress, but this site is not built with Vitepress.
I have not seen any diagrams in your articles that have been written with Mermaid, but I would like to know if it has been implemented. If not, how can we implement it?
Code block features
In VitePress and other websites like nextjs.org, code blocks have the following features:
How can these features be added to this site?
I notice that when I read the code examples in your articles, there is no copy button, information bar, or language icon for the code snippet.
Using VitePress features
How can I use Vitepress and vitepress doc features on this site, especially the Markdown writing features?
Thank you for your time and consideration.
Best regards,
I can add MathJax with the markdown-it MathJax package, but what about Mermaid? What if we can utilize VitePress Doc's MathJax and Mermaid native features in your website and incorporate them into .md posts?
As for Code Focus and Code block features, aside from CSS workarounds, are there any other logical ways to achieve what we want?
Antfu's website is great, but it lacks the awesome features found in your other works.
Of course, if we consider the blog page and its posts as personal articles, then they don't necessarily need code block features like Next.js Doc or VitePress Doc provide. However, if we intend to create more technical articles and style them as documentation, it would be great to have code block features such as code focus and code highlighting etc ...
No response
Markdown feature
https://vitepress.dev/guide/markdown
Nextjs code block style
https://nextjs.org/docs/getting-started/installation
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.