Urodele是什么?
它是一个基于Github Pages纯静态博客生成系统,允许创建者随意创建、分享和编辑博客文章,而不需要担心服务器或者其他问题,只需要一个fork即可使用!
不需要担心图片问题,它会自动处理图片,无需第三方图床服务!
你可以以富文本方式编辑你的文章,比Markdown功能更强大
// also support code block
const code = "javascript";
你可以直接在这里在线试用Urodele编辑器!
欢迎使用Urodele来创建你的第一个博客!
将Urodele仓库fork到自己的Github,并重新命名为YOUR_NAME.github.io,其中YOUR_NAME为你的Github登录名(而非用户名)
Github会将仓库名称作为Github Pages的子域名,例如将Urodele直接fork到自己的仓库后,启用Github Pages部署之后,可访问的域名为 YOUR_NAME.github.io/urodele ,目前urodele尚不支持子域名部署,因此在fork时需要将urodele仓库重新命名为YOUR_NAME.github.io,这种情况下Github Pages会将构建产物部署在域名根目录。
在fork后的仓库页面,点击Actions tab,此时Github Actions为默认关闭状态,点击启用
在fork之后的仓库根目录,找到urodele.config.ts文件,并将其中的内容更换为自己的仓库信息:
// urodele.config.ts
export const config = {
github: {
login: "glink25", // Github的登录名(而非用户名)
repo: "test-for-anything", // 仓库名称 YOUR_NAME.github.io
// 默认情况下,urodele仅支持使用github token登录,你需要在博客首页的右上角点击登录,输入自己的github token来进行登录
// 如果你希望使用更安全的 Github OAuth 方式登录,urodele目前提供了beta支持,你需要自己创建一个Github OAuth应用和对应的后端用于登录
// 可以参考https://github.com/glink25/github-login 项目来部署免费的CloudFlare Worker以实现Github Apps登录
logInUrl: "", // 启用 Github OAuth 登录,这里填入Github OAuth的登录地址
logInAuthUrl: "", // 启用 Github OAuth 登录,,这里填入Github OAuth获取token的地址
},
head: {
title: "Urodele", // 页面title
},
footer: { // 页脚设置
copyright: "© Glink", // 页脚版权文本
copyrightUrl: "https://github.com/glink25", // 页脚版权文本跳转链接
},
// 是否启用giscus评论系统,详情:https://giscus.app/zh-CN
giscus: false as object | false,
} as const;
修改完成后提交修改,此时如果已启用 Github Actions ,则会触发第一次构建。
在fork后的仓库页面,点击Settings - Pages,选择Build and deployment source为 deploy from branch,此时如果已经触发过Github Actions构建,则会多出一个gh-pages分支,选择使用该分支的 /(root) 目录部署,并保存设置。
在完成上述配置后稍等片刻,Github Pages部署好后,属于你的Urodele博客就已经部署完成了。现在你可以使用默认的博客主题和编辑器,开始编写自己的博客了,你也可以通过系列文章(TODO)了解Urodele默认主题和编辑器的使用方法。
如果你需要自定义自己的博客,也可以通过学习Astro.js,来随心所欲地修改自己的博客行为,例如修改样式,增加更多的交互功能等;如果你想要详细了解Urodele的技术方案,以便更好地自定义自己的主题,可以通过系列文章(TODO)来了解Urodele的内部实现,相信我,这真的十分简单!
what is urodele?
It is a fully-static Blog system based on Github Pages, you can create, share, and edit any post you wrote anywhere, without worrying about server or any other problems, just fork it on your Github, and it just works!
No worrying about images, it handles your images automatically, NO THIRD-PARTY IMAGE HOSTING NEEDED!
You can type any rich-text you want, more powerful than markdown!
// also support code block
const code = "javascript";
You can click hrer to try Urodele online editor!
Hurry up and join Urodele!
Fork the Urodele repository to your own GitHub account and rename it to YOUR_NAME.github.io
, where YOUR_NAME
is your GitHub login name (not your username).
GitHub uses the repository name as the subdomain for GitHub Pages. For example, if you fork the Urodele repository directly, the domain accessible after enabling GitHub Pages deployment would be
YOUR_NAME.github.io/urodele
. Currently, Urodele does not support subdomain deployment. Therefore, when forking the repository, you need to rename it toYOUR_NAME.github.io
. This way, GitHub Pages will deploy the build artifacts to the root domain.
In your forked repository's page, click the Actions tab. By default, GitHub Actions is disabled. Click to enable it.
In the root directory of the forked repository, locate the urodele.config.ts
file and replace its content with your own repository information:
// urodele.config.ts
export const config = {
github: {
login: "glink25", // GitHub login name (not username)
repo: "test-for-anything", // Repository name YOUR_NAME.github.io
// By default, Urodele only supports logging in using a GitHub token.
// You need to click "Log in" in the upper-right corner of the blog's homepage and enter your GitHub token to log in.
// If you prefer a more secure GitHub OAuth login method, Urodele provides beta support.
// You need to create a GitHub OAuth app and a corresponding backend for login.
logInUrl: "", // For GitHub OAuth login, enter the GitHub OAuth login URL here
logInAuthUrl: "", // For GitHub OAuth login, enter the GitHub OAuth token URL here
},
head: {
title: "Urodele", // Page title
},
footer: { // Footer settings
copyright: "© Glink", // Footer copyright text
copyrightUrl: "https://github.com/glink25", // Footer copyright text hyperlink
},
giscus: false as object | false, // Comment system configuration
} as const;
After making changes, commit them. If GitHub Actions is enabled, it will trigger the first build.
In the forked repository's page, navigate to Settings > Pages. Choose the Build and deployment source as Deploy from branch. If a GitHub Actions build has already been triggered, a gh-pages
branch will appear. Select this branch's / (root)
directory for deployment and save the settings.
After completing the above configurations, wait for a moment. Once GitHub Pages finishes deploying, your Urodele blog will be live. You can now use the default blog theme and editor to start writing your own blog. You can also refer to a series of articles (TODO) to learn how to use Urodele's default theme and editor.
If you want to customize your blog, you can learn Astro.js to modify your blog's behavior as you like, such as adjusting styles or adding more interactive features. If you'd like to understand Urodele's technical architecture in detail to better customize your theme, refer to the series of articles (TODO). Trust me, it’s really simple!