? ????? Jekyll?? ??? ?? ??? ? ??? ?? Next.js? ???? ?? ??? ??? ??? ????? ?????. Jekyll? ???? ???? ?? ?? ??? ?? ??? ??? Next.js? ???? ??? ?? ??? ?? ???? ???? ?? ???? ?? ??????. Next.js? ?? ???? ?????? ?? ? ???? ?? ????? ??????.
???? Jekyll ??? ???? ??? ??? ????.
<code>. ├─── _posts/ ...Markdown 格式的博文├─── _layouts/ ...不同頁面的布局├─── _includes/ ...可復用的組件├─── index.md ...主頁└─── config.yml ...博客配置</code>
??? ??? ??? Jekyll?? ???? ??????? ?????? ??? ???? ??? ??? ? ?? ?? ???? ??? ??? ? ????.
Jekyll? ???? ?? ?? ?? ???? ?? ? ??? ? ???? ???? ?? ??? ??????. ??? ??? Jekyll Quick Start Guide? ??????.
? ????? RECT? ?? ??? ??? ?????. ??? ?? ?? React Getting ?? ???? ??????.
????
Next.js? React? ?????? Node.js? ???????. ??? Next.js, React ? React-DOM? ???? ?? NPM? ???????.
<code>mkdir nextjs-blog && cd $_ npm init -y npm install next react react-dom --save</code>
?? ??? ??.js ????? ????? package.json? ???? ??? ?? ??? ???????.
<code>"scripts": { "dev": "next" }</code>
?? npm run dev ??? ???? ???? ?? ?? ????? ??????.
<code>$ npm run dev > [email protected] dev /~user/nextjs-blog > next ready - started server on http://www.miracleart.cn/link/4a914e5c38172ae9b61780ffbd0b2f90 Error: > Couldn't find a `pages` directory. Please create one under the project root</code>
????? Project Root ????? ??? ????? ?????? ? ? ????. ?? ???? ??? ??? ?? ?? ????.
??? ??
Next.js? ??? ??? ???? ???????. ? ???? ?? ??? ?? ??? ???? React ?? ?? (.js ?? .jsx)???. ?? ??:
<code> 路由---- ----- /pages/about.js /about /pages/projects/work1.js /projects/work1 /pages/index.js /</code>
???? ?? ?????? ??? ????? ??? ?? React ?? ??? ? ?? ??? index.js? ?????.
<code>// pages/index.js export default function Blog() { return</code> Next.js ???? ?? ?? <code>// pages/index.js export default function Blog() { return</code>
}
npm run dev ?? ??? ???? http://www.miracleart.cn/link/4a914e5c38172ae9b61780ffbd0b2f90? ???? ????????.
???? ??? ??? ????.
- Hot Reload, ?? ?? ??? ?? ????? ?? ?? ??? ????.
- /???/** ????? ?? ???? ?? ??.
- /public/** ????? ??? ? ?? ?? ???.
- 404 ?? ???.
404 ???? ?? ??? ??? LocalHost? ?? ??? ??????. 404 ???? ??? ?? ???? ?? ??.js ??? ??????.
?? ???
?? ??? ???? ????, ??? ?? ???? ? ?????. ??? ?? ??? ???? ???? ???? ???? Next.js? ?? ??? ??? ?????. ?? ??:
<code> 路由---- ----- /pages/posts/[slug].js /posts/1 /posts/abc /posts/hello-world</code>
/posts /1, /posts /abc ?? ?? ?? ??? /posts/=GUG] .JS? ???? ??? ?? ??? ?? ?? ??? ???? ?????. ? ??? ???? ?? ??? ??? ?? ?? ??? ??? ???? ?? ?????. ??, ??? ???? ???? ???? ?? ??? ???? ??? ? ? ????.
(?? ??? ?????. ??? ??? ?? ?? ??? ?? ???? ???? ??? ??? ??? ????? ??? ?????).
??? API, ??, ????, ????, ??? ???, ?? ?? ??, ?? ??
??? ?? ??? ??? API (?? ??? ??? ?? ??, ?? ??? ??? ?? ?? ? ?? ?? ??), ??? ??? ?? ?? (??), ??? ??? ???? (????), ???? ??? ??? ?? ? ?? ??? ??? ??? ? ?? ??? ??? ???? ???? ?? ? ?? ?? ??, ??? ? ???? ?? ?? ?? ???? ??? ???? ?? ? ?? ?? ?? ?? ?? ?? ???? ??? ?? ??? ?????. Next.js? ??? ??? ???? ?? ??? ?? ??? ??? ??????.
? ??? Next.js? ?? ??? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8637
17
1783
16
1727
56
1577
28
1442
31
'?? ??? CSS'? ??????
Jun 24, 2025 am 12:42 AM
CSS? ??? ??? ????? ????? ??? ? ?? CSS? ????? ?? ??????, ?? ?? ? ??? ??, ??? ?? ?? ??? CSS ? ????? ?? ??? ?? ???? ???? ??? ??? ???. 1. ?? CSS? ???? HTML? ?? ?????. 2. JavaScript? ?? ??? CSS ??; 3. ??? ??? ???? ?? ???? ????? ??????. 4. CSS? ???? ???? ??? ????. ?? CSS? ???? ?? ??? ???? Rel = "Preload"?????? ????, ??? ?? ??? ????? ???? ??? ?? ? ??? ???? ??? ?????.
?? ? ?? CSS : ?? ?? ??? ??????
Jun 20, 2025 am 12:45 AM
TheBestoproachforcssdspectionseproject'sspecificneeds.forlargerProjects, externalcsSisbetterduetomainabainabainabilitableability ? forsmallerprojectsorsingle-pageapplications, ?? csmightbemoresuitable.it 'scrucialtobalanceprojectsize, ??
? CSS? ???? ???????
Jun 19, 2025 am 12:29 AM
???, cssdoesnothavetobeInlowercase. ???, lowercaseisRecomedended for : 1) ??? ? ??, 2) ??? ?? rorsinerrorsinerrorsIngerRorsIngerRorsInteChnologies, 3) ??? ?? ??, ? 4) ?? ? ???? ????.
CSS ?? ??? : ??? ?? ?????
Jun 20, 2025 am 12:09 AM
cssismostlycase-Insensitive, buturlsandfamilynamesarecase-insensitive.1) propertiesandvalueslikecolor : red; anteOtcase-inditive.2) urlsmustmatchtheserver'scase, ?? ??,/images/logo.png.3) fontfamilynames'opens'mustoccase.
autopRefixer ? ???? ??? ??????
Jul 02, 2025 am 01:15 AM
AutoPrefixer? ?? ???? ??? ???? ?? ?? ???? CSS ??? ???? ???? ?????. 1. ????? ???? ???? ???? ??? ?????. 2. PostCSS ???? ??, CSS? ?? ???? ???? ?? ???? ??? ???? ??? ?? ??? ?????. 3. ?? ???? ???? ??, ??????? ?? ? ?? ???????? ????? ?? ?????. 4. ???? ???? ???? ???? ?? ?? ????, ???? ?? ??? ?? ???? ???? ????? ?? ???? ?? ????.
CSS ??? ? ??????
Jun 19, 2025 am 12:34 AM
CSSCOUNTERSCANAUTOMALLYNUMBERSESSESSENDS.1) USECOUNTER-RESETTIONITIALIZE, CORKENT-INCREMENTTOINCERES, andCOUNTER () ORCOUNTERS () TODISPLAYVALUES.2) COMPINEWITHJAVAISCRIPTORDINAMICCONTENTTOEREACCUTERUPDATES.
CSS : Case Case? ?? ???? ?????
Jun 19, 2025 am 12:27 AM
CSS?? ??? ? ?? ??? ?? ??? ???? ??, ??, URL ? ??? ?? ????? ?? ?? ??? ?????. 1. ???? ?? ??? ??? ? ???? ?? ?? ??? ??????. 2. ?? 16 ?? ??? ?? ??? ?????, ??? ???? ???? ?? ??? ??? ???? ????. 3. URL? ??? ???? ???? ??? ??? ? ????. 4. ??? ?? ?? (??)? ??? ???? ??? ? ???? ??????? ???????.
CSS? ?? ??? : ???, ?? ? ?? ???????
Jun 19, 2025 am 12:38 AM
cssselectorsandpropertynamesarecase-inensensitive, whilevaluescanbecase-sensitivendependingOntext.1) selectorsike'div'and'div'areequivalent.2) propertiessuchas'background'and'background-color'AretreatedThesame.3) ValueLikecolornames-insens
