本站采用了全新开发的方式,开发的博客框架已经开源,地址在https://github.com/hixyl/YlBlog,欢迎大家Star, Fork。
next.js框架。sitemap和rss订阅,做好了SEO优化。markdown书写,支持配图和代码块复制。将项目clone到本地之后,在项目目录运行
npm install
npm run dev
或
yarn install
yarn dev
打开 http://localhost:3000 即可进行开发
所有的页面位于app/下,app/下的目录即为路由。
将文章的md文件放在articles/目录下即可,模板已经放置在项目中。如果有图片,请放在public/article/[文章文件名(不含扩展名)], 具体使用方法可以参考项目中的示例。
网站的侧边栏位于 components/Sidebar/下,可以自定义。
导航栏配置项在config/目录下,可以参考模板自定义导航栏的图标,导航栏图标可以下载下来放到public/目录下即可。
运行 npm run build 即可输出静态文件,如果使用github pages,将out/文件夹内容上传到项目中即可完成静态部署。
了解更多关于Next.js的内容:
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
本站采用了全新开发的方式,开发的博客框架已经开源,地址在https://github.com/hixyl/YlBlog,欢迎大家Star, Fork。
next.js框架。sitemap和rss订阅,做好了SEO优化。markdown书写,支持配图和代码块复制。将项目clone到本地之后,在项目目录运行
npm install
npm run dev
或
yarn install
yarn dev
打开 http://localhost:3000 即可进行开发
所有的页面位于app/下,app/下的目录即为路由。
将文章的md文件放在articles/目录下即可,模板已经放置在项目中。如果有图片,请放在public/article/[文章文件名(不含扩展名)], 具体使用方法可以参考项目中的示例。
网站的侧边栏位于 components/Sidebar/下,可以自定义。
导航栏配置项在config/目录下,可以参考模板自定义导航栏的图标,导航栏图标可以下载下来放到public/目录下即可。
运行 npm run build 即可输出静态文件,如果使用github pages,将out/文件夹内容上传到项目中即可完成静态部署。
了解更多关于Next.js的内容:
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!