tech-blog

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #llm #golang #go #rust #nodejs #java #windows #awesome-list #vue #mcp

(★ 24)

tech blog

tech-blog 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Move -> https://github.com/future-architect/future-architect.github.io

# service stack

* ホスティング : Github Pages
* 静的サイトジェネレータ：Hexo
* 分析：Google Analytics

## ユーザプロフィールを追加する方法

* _profile.yml に追加

## setup
### SNSカウントを表示させるために、Facebook開発者用のトークンが必要

1. Facebook開発者キーが必要
    * https://developers.facebook.com/apps/576262853337658/settings/basic/
2. アクセストークンを取得
    * https://graph.facebook.com/oauth/access_token?client_id=xxx&client_secret=xxx&grant_type=client_credentials
    * 次のようなJSONが取得できるので、このaccess tokenの値を取得
{
"access_token": "xxx|xxx",
"token_type": "bearer"
}
3. アクセストークンが正常か確認
https://graph.facebook.com?id=https%3A%2F%2Ffuture-architect.github.io%2Farticles%2F20210313%2F&fields=engagement&access_token=xxx|xxx
4. 環境変数に設定
    * export FB_TOKEN=xxx|xxx

### Google Analytics

人気の記事を表示させるためGOOGLE_APPLICATION_CREDENTIALSが必要

> set GOOGLE_APPLICATION_CREDENTIALS キーパス

## View local server

```sh
$ cd ../
$ git clone --depth 1 https://github.com/future-architect/tech-blog.git
$ cd tech-blog
$ npm install

$ node_modules\.bin\hexo server
 --> http://localhost:4000 にページが表示されたら完了
```

## Deploy

```sh
cd ../
git clone --depth 1 https://github.com/future-architect/future-architect.github.io

# Windows Only
cd tech-blog
mklink /J public ..\future-architect.github.io

node_modules\.bin\hexo generate
cd public
git add .
git commit -m "<message>"
git push origin HEAD
```

## SNSカウントの更新

```sh
# インストール
go install github.com/ma91n/snssharecount/cmd/snssharecount@latest
go install github.com/ma91n/snssharecount/cmd/ga@latest
```

実行

```sh
# 実行
set http_proxy=<proxy url>
set https_proxy=<proxy url>

snssharecount > temp.json
mv temp.json sns_count_cache.json

ga > ga_cache.json
```

## 画像圧縮

pngquantをインストールする

```sh
# ディレクトリ横断
pngquant */*.png --skip-if-larger --ext .png --force

# 特定ディレクトリ配下
pngquant *.png --skip-if-larger --ext .png --force
```

jpegoptimをインストールする
https://github.com/XhmikosR/jpegoptim-windows/releases/

```sh
# jpegoptimに再帰的オプションがなかったためbatファイルでラップした
# 月次で実行する
jpegoptimall.bat
```

## textlint

Installation

```sh
> npm install textlint --global
> npm install textlint-rule-preset-ja-technical-writing --global
> npm install textlint-rule-spellcheck-tech-word --global
```

Lint

```sh
> textlint source/_posts
```

tech-blog

tech-blog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

tech-blog

tech-blog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README