If you want more details, please go to nyantech.com
atis9 / nyantech.com Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://nyantech.com
Home Page: https://nyantech.com
If you want more details, please go to nyantech.com
<li class="ActionList-item p-2">
となっているせいで、パディング部分をクリックしてもリンク先に遷移しない。
リンク用のタグを修正する必要がある。
ブログ記事が増えてきたら必要になる
GitHub Flavored Markdown とコードハイライトを利用できるようにする。
remark は撤去する。
PostData
作成の共通化PostData
の Data
いらないよねPostSummary
の作成
contentHtml
がいらない場合に利用したい型情報は devDependencies でよい。
"@types/highlight.js": "^10.1.0",
"@types/marked": "^4.0.3",
同日に複数ポストしたら id
順にソーティングされて不便そうだから
バグについての説明
next export
ができない
再現するために
動作を再現するための手順:
yarn next build && yarn next export
期待される動作
/out
に出力されること
補足説明
❯ yarn next export
yarn run v1.22.18
$ /home/atis/repositories/nyantech.com/node_modules/.bin/next export
info - using build directory: /home/atis/repositories/nyantech.com/.next
info - Copying "static build" directory
info - No "exportPathMap" found in "/home/atis/repositories/nyantech.com/next.config.js". Generating map from "./pages"Error: Image Optimization using Next.js' default loader is not compatible with `next export`.
Possible solutions:
- Use `next start` to run a server, which includes the Image Optimization API.
- Use any provider which supports Image Optimization (like Vercel).
- Configure a third-party loader in `next.config.js`.
- Use the `loader` prop for `next/image`.
Read more: https://nextjs.org/docs/messages/export-image-api
at /home/atis/repositories/nyantech.com/node_modules/next/dist/export/index.js:156:23
at async Span.traceAsyncFn (/home/atis/repositories/nyantech.com/node_modules/next/dist/trace/trace.js:79:20)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
プロフィールのとこ
毎回書くのがめんどくさいし表記揺れするので。
JavaScript から TypeScript へのリプレイス
学習のため
#44 と同様に毎回書くのが面倒なのと表記ゆれするので(今も適当)。
とりあえず Enhancement と bug のテンプレートがあればいいと思う。
機能リクエストは何かしらの問題に関連するものか?
今は blog 機能しか無いが、将来的な拡張性のために nyantech.com
, blog.nyantech.com
のように分離したい。
希望の解決策についての説明
monorepo (yarn workspace) を用いて分離する。
Vercel との親和性もよいと思われる。(補足資料を参考のこと)
検討した代替案についての説明
マイクロサービスとしてリポジトリごと分離してもよいが、巨大なモノリスアプリというわけではないため、
今回は共通化しつつ 1 リポジトリ構成としたい。
md ファイル名に制約をかける。
e.g.) /(\w|-)+\.md/
に制限する。
posts/*.md
のファイル名が任意で設定できるようになっている。
ファイル名が id
とされる仕様上、下記の行で id
とディレクトリパスを結合している処理でディレクトリトラバーサルが可能になる。
const fullPath: string = path.join(postsDirectory, `${id}.md`)
ブログを作成した - Nyantech とか。
一旦ホームに戻ってからブログ記事を開くと favicon が表示されている。(Shift + F5 でキャッシュ再読み込みしても大丈夫)
最新を追いかけていきましょう。
CSS フレームワークの導入。
サイトの見た目の一貫性と保守の簡易化のため。
Prettier の役割を ESLint に統合したい。
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.