GithubHelp home page GithubHelp logo

cstoku / cstoku.github.io Goto Github PK

View Code? Open in Web Editor NEW
1.0 3.0 1.0 6.17 MB

My homepage and blog built with hugo

Home Page: https://cstoku.dev

HTML 44.14% CSS 45.76% TypeScript 5.13% JavaScript 4.37% Dockerfile 0.60%
hugo webpack postcss typescript netlify json-ld ogp amp

cstoku.github.io's Introduction

CS_Toku HomePage

ToDo

全体

  • やっぱside-barつかう
  • サイドメニューのスタイル設定
  • Section・Tag名・カテゴリ名をバーに表示(パンくずリストっぽく)
  • mainをラップして**配置・・?(タイルにする)
  • Summaryの処理
  • listのPagerの描画
  • taxonomyページの描画
  • descriptionの生成
    • PostはSummaryを使う?
    • SlideはTitleを使って <meta name="nosnippets"> にする
    • Topページだけ頑張って config.yml に書いて表示
  • 自動生成のページでのmetaタグはnoindexを設定
  • ogタグの再確認
  • 文書以外のページのog:imageの扱い
  • LinkのURLやLangに確認
  • Footerの処理(特にかんがえなかったw)
  • ページャーボタン修正
  • 条件でAMPのスクリプトをロードさせる
  • 各環境のconfigを作成
  • staging/masterのnetlifyの設定ファイルを作成
  • cssのminify設定
  • Google Analyticsの設定
  • Aboutページの作成
    • 資格の項目を出すShortcodeの作成
    • markdownのある程度のスタイル
    • 各画像のsrcsetの用意
    • SNSのリンク用意
    • Facebook用?のprofile用OGPを追加する
  • JSON-LDの対応
  • サイトのDescriptionを config.yml に書く
  • 404ページ作る
  • favicon.icoを作って設定
  • sitemap.xml
  • RSS
  • Feedlyのサムネが表示されない不具合の修正(諦め)
  • 言語切替ボタン実装
  • 404はインデックスしない用にする
  • taxonomyTermのキャピタライズ(humanize)
  • tagがキャピタライズされているのを直す(.Data.Term)
  • 画像を極力pageresourceに
    • blog-thumb.jpgの処理(siteThumbnail)
    • default.jpgの処理(default header)
    • profile.jpgの処理
    • faviconの処理
    • site-logoの処理
  • 画像サイズの最適化
    • ogpのサムネ
    • JSON+LDの画像
    • headerの画像
    • profile画像
    • favicon画像
    • jpgにする?? find . -name '*.png' | xargs -I{} echo {} -quality 100 {} | sed s/png$/jpg/ | xargs -I{} sh -c "convert {}"
  • 以前のドメインからのリダイレクト設定
  • wwwのドメインをメインのドメインへ飛ばすようにリダイレクト設定

Article

  • tableの描画
  • 画像破損分の直し(リンク切れ?)
  • amp-imgの使用(img用ショートコードの作成)
  • TOCの描画
  • レスポンシブにする
  • サムネの扱い
  • highlightの整形
  • tocの表示調整
  • html,cssのリファクタリング
    • メディアクエリ
    • articleのサイズやcard,singleでの扱い
  • 最小画面の設定(min-width)
  • ページャーボタンの配置(狭いとき)
  • なぜかsrcsetsに大量のURLが入ってしまうバグ

Article

  • タスク洗い出し

優先度低め

  • Tableの表示されない部分のScroll
  • ampコンポーネントのショートコード作成
  • pager.htmlの設定(リンクの設定とFooterへの追加)
  • 画像をクリックしたときにズームする仕組み
  • Aboutページの中身ふやす・・・
  • Fontを自ドメインから配信・最適化
  • Privacy-Policyの翻訳
  • 多言語化用マルチドメインを考えてみる
    • Netlifyで2つホストする
    • staticフォルダの扱い
    • GoogleAnalyticsのコードを作成
    • enサイトの準備中表示・・・
    • disqusの扱いを確認
    • SearchConsole・SiteGuru・GoogleAnalyticsでロケーションの設定

Reference

cstoku.github.io's People

Contributors

cstoku avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Forkers

nuaays

cstoku.github.io's Issues

新ドメインの取得

sce-toku.jp を捨ててw cstoku.me を取得しようと思う。

これを新環境に設定する

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.