siloneco / telepapyrus Goto Github PK
View Code? Open in Web Editor NEWA Markdown-based blog built using Next.js App Router, supports only Japanese currently. (WIP)
Home Page: https://blog-demo.silolab.net
License: MIT License
A Markdown-based blog built using Next.js App Router, supports only Japanese currently. (WIP)
Home Page: https://blog-demo.silolab.net
License: MIT License
X(旧Twitter)だのMisskeyだのを載せたい
今だと Create Next App
のままになっている
ESLintで強制可能
Tagを指定して記事を表示するやつを実装する
ArticleCardに装飾が無いし、上から下に1列で並んでるのが絶望的にダサいので、もうちょっと工夫した記事一覧にしたい
既に投稿されているIDで新規記事を書こうとした場合、edit ページに移動するかIDを変えるかするように促す
現状アイコンがないのでこのままだとリリースできない
右側に目次が出てたらアクセスしやすそうなのでとても良いね
白は眩しいので
コードブロック右上のコピーボタンでコピーしても、1文字も含まない空の行が抜けた状態のコードがコピーされるので要修正
date
カラムで範囲を指定しているため。
Auto Incremental の ID を実装して記事番号で絞り込むことで解決しそう
普通に運用してたら投稿日時がミリ秒まで一致は起こりえないので後回し
sitemap.ts を追加する ( 公式ドキュメント )
現状だとただのURLとして表示されてしまい見た目がよろしくないので、URLのプレビューみたいなものを記事に埋め込むようにしたい。
DiscordはプロフィールURLが存在しないので、クリックしたらDiscordのIDが吹き出し的な感じで出てくるようにしたらいいカモ
記事を書き始める前にIDを考えないといけないのがストレスなので
AIに記事の内容読み込ませてID生成とかしたい
記事を投稿する前にMarkdownからHTMLへparseした時にどう表示されるのかプレビューが無いと表記が崩れたまま投稿されてしまう可能性がある。現状だと XSS の危険性があるため #16 が解決するまで難しそう
下書きの一覧ページが欲しい、ID覚えたりブックマークするのが面倒なので
ページとかいう概念無くして無限スクロールにしたい
#251 と関係あり
Xunnamius/next-test-api-route-handler を使うと良さそう
#18 の完了と同時に実装が必要
タイトル通り
#83 も関係する
リモートURLの画像がそのまま転送されてしまい、大きい画像だと帯域が圧迫されるので最適化が必要
50音順になっているが、記事数が多いものを前に持ってきたほうがよさそう
本文検索に何のソフトウェア使えばいいか分からんけどMySQL以外のDBが絡んでくるのは間違いなさそう
Misskeyとかで使われてるMeilisearch辺りを使えば出来たりするかな
現状コードハイライトの関係でdangerouslySetInnerHTMLを使わざるを得なくなっているが、これはXSSの危険があるため廃止したい
記事ページはSSRなので危険性は薄いけども
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
These updates are awaiting their schedule. Click on a checkbox to get an update now.
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.
Dockerfile
node 20-alpine
.github/workflows/build.yml
actions/checkout v4
pnpm/action-setup v2
actions/setup-node v4
.github/workflows/code-style.yml
actions/checkout v4
pnpm/action-setup v2
actions/setup-node v4
.github/workflows/test.yml
actions/checkout v4
pnpm/action-setup v2
actions/setup-node v4
andstor/file-existence-action v3@076e0072799f4942c8bc574a82233e1e4d13e9d6
mariadb 11.4.2
package.json
@hookform/resolvers ^3.3.4
@radix-ui/react-tabs ^1.0.4
@radix-ui/react-toast ^1.1.5
@tanstack/react-table ^8.10.7
class-variance-authority 0.7.0
clsx 2.1.1
cmdk ^1.0.0
image-size ^1.1.0
lucide-react 0.394.0
mysql2 ^3.6.1
next 14.2.4
next-auth ^4.23.1
next-mdx-remote ^4.4.1
next-themes ^0.3.0
node-cache ^5.1.2
react 18.3.1
react-code-blocks ^0.1.4
react-dom 18.3.1
react-error-boundary ^4.0.11
react-hook-form ^7.50.1
react-icons ^5.0.0
rehype-pretty-code ^0.13.0
rehype-sanitize ^6.0.0
remark-breaks ^4.0.0
remark-gfm 3.0.1
sharp ^0.33.2
shiki ^1.1.7
tailwind-merge 2.3.0
tailwindcss-animate 1.0.7
unist-util-visit ^5.0.0
zod ^3.22.4
@radix-ui/react-alert-dialog 1.0.5
@radix-ui/react-checkbox 1.0.4
@radix-ui/react-dialog 1.0.5
@radix-ui/react-dropdown-menu 2.0.6
@radix-ui/react-label 2.0.2
@radix-ui/react-popover 1.0.7
@radix-ui/react-radio-group 1.1.3
@radix-ui/react-scroll-area 1.0.5
@radix-ui/react-separator 1.0.3
@radix-ui/react-slot 1.0.2
@tailwindcss/typography 0.5.13
@testing-library/jest-dom 6.4.6
@testing-library/react 15.0.7
@testing-library/user-event 14.5.2
@types/jest 29.5.12
@types/mysql 2.15.26
@types/node 20.14.2
@types/react 18.3.3
@types/react-dom 18.3.0
autoprefixer 10.4.19
eslint 8.57.0
eslint-config-next 14.2.4
eslint-config-prettier 9.1.0
eslint-plugin-unused-imports 3.2.0
husky 9.0.11
jest 29.7.0
jest-environment-jsdom 29.7.0
lint-staged 15.2.7
postcss 8.4.38
prettier 3.3.2
prettier-plugin-tailwindcss 0.5.14
tailwindcss 3.4.4
ts-jest 29.1.4
ts-node 10.9.2
typescript 5.4.5
TypeScriptへの冒涜はやめようね
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.