Javascript 编写React/Framework组件并构建纯html/css
我试图完成的是建立一个工具，让我建立像乐高积木网站。这样，我将拥有最独特的博客，而不需要太多的编码。例如，我想要100个wordpress风格的博客。每个博客都有页眉/主/侧边栏/页脚。所以我考虑将5个页眉、5个主栏、5个侧栏和5个页脚分别编码为组件。然后，我将随机使用标题A、主B、侧边栏C、页脚D和我的第一个博客：）博客需要尽可能地独特，因为他们可以使用这种方法。第二个重要的是，我必须将它们作为html/css而不是js。所以，我一直在寻找一个框架，让我实现这一点。首先我在看gatsbyjs，但我无法获取html文件，然后我尝试了nextjs，因为在build U可以导出html。但在只有一个主页的简单博客中，我得到了这样的index.htmlJavascript 编写React/Framework组件并构建纯html/css,javascript,html,css,reactjs,frameworks,Javascript,Html,Css,Reactjs,Frameworks,我试图完成的是建立一个工具，让我建立像乐高积木网站。这样，我将拥有最独特的博客，而不需要太多的编码。例如，我想要100个wordpress风格的博客。每个博客都有页眉/主/侧边栏/页脚。所以我考虑将5个页眉、5个主栏、5个侧栏和5个页脚分别编码为组件。然后，我将随机使用标题A、主B、侧边栏C、页脚D和我的第一个博客：）博客需要尽可能地独特，因为他们可以使用这种方法。第二个重要的是，我必须将它们作为html/css而不是js。所以，我一直在寻找一个框架，让我实现这一点。首先我在看gatsbyjs，
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta name="next-head-count" content="2" />
<noscript data-n-css=""></noscript>
<link
rel="preload"
href="/_next/static/chunks/main-925041ce925730787a8a.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/webpack-50bee04d1dc61f8adf5b.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/framework.6323d7e8995473683279.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/f6078781a05fe1bcb0902d23dbbb2662c8d200b3.964928bcb82fd5c6065f.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/pages/_app-0a8231baaa9660ceaca9.js"
as="script"
/>
<link
rel="preload"
href="/_next/static/chunks/pages/index-7638f3314f35e6ffac1c.js"
as="script"
/>
</head>
<body>
<div id="__next"><div>Welcome to the Next.js blog</div></div>
<script id="__NEXT_DATA__" type="application/json">
{
"props": { "pageProps": {} },
"page": "/",
"query": {},
"buildId": "ElUp7syt_UnrlISSJbfd4",
"nextExport": true,
"autoExport": true,
"isFallback": false
}
</script>
<script
nomodule=""
src="/_next/static/chunks/polyfills-4acaa4b69e5977b3ab87.js"
></script>
<script
src="/_next/static/chunks/main-925041ce925730787a8a.js"
async=""
></script>
<script
src="/_next/static/chunks/webpack-50bee04d1dc61f8adf5b.js"
async=""
></script>
<script
src="/_next/static/chunks/framework.6323d7e8995473683279.js"
async=""
></script>
<script
src="/_next/static/chunks/f6078781a05fe1bcb0902d23dbbb2662c8d200b3.964928bcb82fd5c6065f.js"
async=""
></script>
<script
src="/_next/static/chunks/pages/_app-0a8231baaa9660ceaca9.js"
async=""
></script>
<script
src="/_next/static/chunks/pages/index-7638f3314f35e6ffac1c.js"
async=""
></script>
<script
src="/_next/static/ElUp7syt_UnrlISSJbfd4/_buildManifest.js"
async=""
></script>
<script
src="/_next/static/ElUp7syt_UnrlISSJbfd4/_ssgManifest.js"
async=""
></script>
</body>
</html>```
Its a lot of scripts that i don't really need. Then i was thinking maybe jekyll but also couldnt find html to export. So now i.m writing here, because maybe some of U know any framework that will let me accomplish what i'm trying to do?
欢迎来到Next.js博客
{
“道具”：{“页面道具”：{}，
“页面”：“/”，
“查询”：{}，
“buildId”：“ElUp7syt_unrlissjbf4”，
“nextExport”：正确，
“自动导出”：正确，
“isFallback”：false
}
```
我其实并不需要很多脚本。然后我想也许杰基尔也找不到html可以导出。所以现在我在这里写作，因为也许你们中的一些人知道任何可以让我完成我想要做的事情的框架？